在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标签添加表格。