AJAX学习基础:简单介绍数据岛使用方法

数据岛指的是存在Html网页中的xml代码段,它在Html中形成了一个数据的集合,数据岛允许我们在Html网页中集成xml,对xml编写脚本.

数据岛有它特有的形式,由标记xml开始,在开始标记中要有一个ID属性,用于指定该指定数据岛的名称。 (当然要以/xml结束).元素xml包含的内容就是xml代码。数据岛也分为2种:

1)内嵌的数据岛形式

2)外嵌的数据岛形式

说了那么多废话,还是了解以下如何对数据岛的节点进行访问和操作,毕竟在Html中使用xml才是我们需要关注的。下面进入正题:

由于数据岛的属性结构,访问数据岛类似于访问文档对象,xml文档对象是指一个拥有属性和方法的对象,我们利用这些属性和方法来访问和处理xml文档,当一个xml数据岛被读取和解析的时候,就会创建一个xml文档对象

1)数据岛对象

使用< xml id="xmlName" src="xmlUrl.xml" > 中id的值就可以建立数据岛对象,数据岛对象主要获得xml文件的一些信息

属性:Tagname -获得标签的名称 ,也就是"xml"这个字符串

Text  -获得数据岛中的所有数据

url   -xml的绝对路径(仅对于外嵌的数据岛,才可以利用url来获得读取xml文件的url路径和名称)

2)结点的操作

1:根结点

可以使用DocumentElement属性来访问数据岛的根元素

属性:Tagname --得到标签的名称

Text  --得到数据段落中除了标签名外的所有数据

GetAttribut -- 得到节点的属性值,如果有多个属性,可以使用Attributes.Item(index)方法得到所需要的属性,从0开始

2:子节点

可以使用DocumentElement.childNodes.Item(Index)来访问各个子结点

(注:子节点也有Tagname和Text2个属性访问,意义参考根结点的内容,此外可以用Length来获得子节点的数目)

下面是一个简单实例,将xml通过数据岛用Html显示出来

<学生管理>
<学生>
 <学号>97001
 <姓名>张三
 <性别>男
 <籍贯>浙江
<学生>
 <学号>97002
 <姓名>李四
 <性别>男
 <籍贯>浙江
<学生>
 <学号>97005
 <姓名>经典邂逅
 <性别>女
 <籍贯>广东

这个xml 保存为stu.xml,和下面的html放到同一级文件夹下

时间: 2024-08-04 13:57:31

AJAX学习基础:简单介绍数据岛使用方法的相关文章

Ajax动态为下拉列表添加数据的实现方法

1. 前台jsp,新建一个下拉控件 <select id="seldvd" onChange="sel_onchange(this)"></select> 2. js部分,建一个function方法,利用ajax,指向 'getAllTypes.action' 的servlet部分,获取传来的下拉列表的数据,动态填充 <span style="white-space:pre"> </span>fun

Ajax+ASP和Flash+ASP数据读取取方法有些相似的实现方法_应用技巧

Ajax+ASP和Flash+ASP数据存取方法两种数据存取方法差不多.===============================下面是一个ChatRoom的Ajax部分代码:var ajaxHttpRequest = false;function ajaxInit() { if(window.XMLHttpRequest) { //Mozilla, Opera, ...  ajaxHttpRequest = new XMLHttpRequest();  if(ajaxHttpRequest

AJAX for PHP简单表数据查询实例_php基础

功能介绍:AJAX WebShop 3从Beta2开始支持PHP的开发了,AJAX WebShop集成了PHP5的开发环境,因此不需要额外安装配置PHP,本例将实现一个AJAX for PHP的简单数据查询操作,这个例子是单表操作,也可以实现主从表的数据查询. 一.数据表说明 例子采用了Access数据库,当然你也可以使用mysql 或其他类型数据库,数据库名称为:demo.mdb,表名为product,创建字段分别是PRODUCT_ID, PRODUCT_NAME, PRODUCT_PRICE

jQuery插件开发基础简单介绍_jquery

1.开发jQuery 插件的基本格式 复制代码 代码如下: (function ($) { $.extend($.fn, { }) })(jQuery) 2.开发全局函数的基本格式 复制代码 代码如下: (function ($) { $.extend($, { }) })(jQuery) 开发示例: 复制代码 代码如下: (function ($) { $.extend($, { subtract: function (a, b) { return a-b; } , add: function

AJAX跨域请求json数据的实现方法_javascript技巧

我们都知道,AJAX的一大限制是不允许跨域请求. 不过通过使用JSONP来实现.JSONP是一种通过脚本标记注入的方式,它是可以引用跨域URL的js脚本,不过需要提供一个回调函数(必须在您自己的页面上),因此,你可以自己处理结果. 让我们看看JSONP的是怎么在jQuery,MooTools的,Dojo Toolkit中实现的. jQuery的JSONPjQuery.getJSON方法: Js代码 复制代码 代码如下: jQuery.getJSON("http://search.twitter.

jquery中ajax学习笔记3_jquery

摘要: ajax学习1中介绍了使用jquery封装的ajax来接收服务器端的文本数据以及使用XMLHttpReques对象来接收服务器端的文本数据 ajax学习2中介绍了使用XMLHttpReques来接收服务器的端XML数据,本节主要介绍使用jqery封装的ajax使用XML格式接收服务器端的数据. 由于很多知识都已经做了详细介绍,本节只介绍需要修改的代码,使用jqery封装的ajax使用XML格式接收服务器端的数据,web.xml.后台的servet都不用改, 只是ajax.html中调用的

联合应用技术介绍之Ajax安全基础

ajax|安全 1.介绍 Ajax由于其良好的交互性,在去年很引人注目.Google Suggest 和 Google Maps [ref 1]就是一些Ajax早期的著名应用.现在,企业正在考虑他们如何也能利用Ajax,web开发者在学习它,安全专家在想如何使它变得安全,黑客们在思考如何入侵.所有能提高服务器吞吐量,能产生更多的动态页面传输,而且能为最终用户提供更加丰富的web应用的技术都必然在这个领域出现. Ajax的下一步计划称为"Web 2.0".这篇文章的目的是介绍一些关于现代

利用AJAX与数据岛实现无刷新绑定

ajax|数据|刷新|无刷新 首先我们今天要用到的是Ajax.NET Professional ,您可以从http://www.schwarz-interactive.de/ 获取关于AJAX.NET的相关信息.其次还需要知道XML数据岛的相关知识.下面我们先来看一个简单的绑定例子: 第一步先确定XML数据源 <xml ID="xmlData" name="xmlData"> <root> <METADATA> <AUTHO

利用AJAX与数据岛实现无刷新绑定_实用技巧

首先我们今天要用到的是Ajax.NET Professional 您可以从http://www.schwarz-interactive.de/ 获取关于AJAX.NET的相关信息.其次还需要知道XML数据岛的相关知识. 下面我们先来看一个简单的绑定例子 第一步先确定XML数据源 <xml ID="xmlData" name="xmlData"> <root> <METADATA> <AUTHOR>John Smith&