在jQuery中处理XML数据的一般方法
XML可扩展标记语言,类似于HTML文件的结构,但也很明显的区别,HTML只可以使用已经定义好的标签,如标题、主体、跨度、标签是有限的,但XML标签除了可以用于所有的HTML,您也可以自由定制标签,如人,姓名性别,年龄,XML,和属性的名称,也可以是定制的,也有在其他两使用差异明显。HTML主要用于显示数据,而XML侧重于数据的存储和传输,例如,下面简单的XML文档用于存储雇员信息:疮痛
男性的
四十
首席执行官
下面的文章简要介绍了如何使用jQuery加载XML文件并获取所需的数据。
准备XML文档和测试数据
假设我们要构建一个包含人员信息的XML文档。XML文档可以反映关于其名称、公司、公司概况和公司产品配置文件的几个信息,因此我们可以设计如下XML:
微软
最大的软件公司
Windows系列操作系统,SQL Server数据库,Xbox 360…
苹果
著名的软件公司
麦金塔,iPhone,iPod,iPad…
眉目传情
最大的搜索引擎
抛媚眼暗送秋波AdSense搜索,Gmail…
XML文件的一个简单的分析,其中第一行是声明的文件是一个XML文件,和文本编码为utf-8.the最后一排人作为文档的根元素,然后每个人每个人的名字元素存储在公司的元人元FullName属性用于存储名称描述元件用于存储的公司简介,产品元件用于存储公司的产品。在这一点上,该文件包含了三人在它的信息,乔布斯和Larry Paige。
用jQuery解析这个XML文档
首先,使用$(.)()方法加载XML文件,然后使用find()方法查找所有的人元素,然后每个()方法遍历,代码如下所示:
jQuery(文档)Ready(函数()){
首先应该使用get方法加载XML文件。
美元。得到(企业员工信息,XML
我们将讨论将数据获取到表单中,它定义了一个表字符串。
无功htmldata = ;
查找人元素,然后用每个方法遍历。
$(XML),(人),每个(函数(){)
var
VaR的全名= person.attr(姓名); / *人FullName属性
公司person.find VaR(公司)(文本); / *个人价值获得中子元公司
var = person.find(说明)(文本); / *个人价值获得中子元素描述
VaR的产品= person.find(产品)(文本); / *个人价值获得中子元素的产品
将获取数据,其中一行进入表中。
= htmldata ;
htmldata +姓名+ + = ;
htmldata +公司+ + = ;
htmldata +描述+ + = ;
htmldata +产品+ + = ;
= htmldata ;
});
完成表字符串
= htmldata ;
主体中的表
$(体)追加(htmldata);
});
});
这个代码的一个简单的解释,XML文档是相对简单的,所以这个代码比较短,代码($,)的XML文件的地址的第一个参数,第二个参数是一个回调,回调函数参数的XML数据是XML文件中的数据。在这个例子中,我们打算在XML中的数据显示在以HTML的形式,所以首先建立一个表的字符串htmldata第一。
然后,我们发现()找到所有元素命名的人的方法,因为每个人的元素都代表一个人,然后遍历每个()方法,我们将遍历元素到一个变量person.person.attr(全名)删除属性的元素的方法,这是一个人的名字,然后找到()找到公司的子元素的方法,描述和产品并回到他们的内容,他们是用一排在TR和TD标签表。最后完成表格字符串和body标签添加表格。