XML 全称为 可扩展标记语言,其文件结构与 HTML 类似,但是区别也很明显,HTML 只能使用已经定义的标签,如 title, body, span 等,标签种类是有限的,但是 XML 除了可以使用 HTML 的所有标签,还可以自己随意定制标签,如 person, name, sex, age 等,而且 XML 中的标签属性名称,也可以随意定制。另外二者用途方面也有明显区别,HTML 主要用来展示数据,XML 则侧重于数据的存储和传输。例如下面这个简单的 XML 文档用以存储员工信息:
<员工>
<姓名>麻花疼</姓名>
<性别>男</性别>
<年龄>40</年龄>
<职位>疼逊CEO</职位>
</员工>下面本文简单介绍如何使用 jQuery 载入一个 XML 文件并从中获取自己想要的数据。
准备 XML 文档及测试数据
假设我们现在要构建一个包含人员信息的 XML 文档,该 XML 文档要能反映其姓名、所在公司、公司简介、公司产品简介几个信息,那么我们可以把 XML 设计成如下样式:
<?xml version="1.0" encoding="utf-8" ?>
<Persons>
<Person FullName="Bill Gates">
<Corporation>Microsoft</Corporation>
<Description>The largest software company</Description>
<Products>Windows series OS, SQL Server Database, XBox 360...</Products>
</Person> <Person FullName="Jobs">
<Corporation>Apple</Corporation>
<Description>The famous software company</Description>
<Products>Macintosh, iPhone, iPod, iPad...</Products>
</Person>
<Person FullName="Larry Page">
<Corporation>Google</Corporation>
<Description>the largest search engine</Description>
<Products>Google search, Google Adsense, Gmail...</Products>
</Person>
</Persons>
简单分析一下这个 XML 文件,其中第一行 <?xml version=”1.0″ encoding=”utf-8″ ?> 是声明此文档为 XML 文档,且文本编码为 utf-8。第二行及最后一行 Persons 为文档的根元素,然后每个 Person 元素即表示每个人,姓名存储在 Person 元素的 FullName 属性中,Corporation 元素用来存储所在公司名称,Description 元素用来存储公司简介,Products 元素用来存储公司产品简介。至此,该文档里面包含了比尔·盖茨、乔布斯、拉里·佩奇三位 IT 界大佬的信息。
用 jQuery 解析此 XML 文档
首先要用$.get()方法载入 XML 文件,然后用find()方法找到所有 Person 元素,再用 each() 方法进行遍历,代码如下:
<script type="text/javascript">
jQuery(document).ready(function() {










