XML 全称为 可扩展标记语言，其文件结构与 HTML 类似，但是区别也很明显，HTML 只能使用已经定义的标签，如 title, body, span 等，标签种类是有限的，但是 XML 除了可以使用 HTML 的所有标签，还可以自己随意定制标签，如 person, name, sex, age 等，而且 XML 中的标签属性名称，也可以随意定制。另外二者用途方面也有明显区别，HTML 主要用来展示数据，XML 则侧重于数据的存储和传输。例如下面这个简单的 XML 文档用以存储员工信息：
<员工> <姓名>麻花疼</姓名> <性别>男</性别> <年龄>40</年龄> <职位>疼逊CEO</职位> </员工>
下面本文简单介绍如何使用 jQuery 载入一个 XML 文件并从中获取自己想要的数据。
准备 XML 文档及测试数据
假设我们现在要构建一个包含人员信息的 XML 文档，该 XML 文档要能反映其姓名、所在公司、公司简介、公司产品简介几个信息，那么我们可以把 XML 设计成如下样式：
<"1.0" encoding="utf-8" "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 文件，其中第一行 <"1.0" encoding="utf-8" "htmlcode">
<script type="text/javascript">
jQuery(document).ready(function() {
/* 先用 $.get 方法载入 XML 文件 */
$.get("EmployeesInformation.xml", function(xmlData) {
/* 我们要讲得到的数据放入一个表格里面，这里定义一个表格字符窜 */
var htmlData = "<table border='1'>";
/* 找到 Person 元素，然后用 each 方法进行遍历 */
$(xmlData).find("Person").each(function() {
var Person = $(this); /* 将当前元素复制给 Person */
var FullName = Person.attr("FullName"); /* 获取 Person 的 FullName 属性 */
var Corporation = Person.find("Corporation").text(); /* 获取 Person 中子元素 Corporation 的值 */
var Description = Person.find("Description").text(); /* 获取 Person 中子元素 Description 的值 */
var Products = Person.find("Products").text(); /* 获取 Person 中子元素 Products 的值 */
/* 将得到的数据，放到表格的一行中 */
htmlData += "<tr>";
htmlData += " <td>" + FullName + "</td>";
htmlData += " <td>" + Corporation + "</td>";
htmlData += " <td>" + Description + "</td>";
htmlData += " <td>" + Products + "</td>";
htmlData += "</tr>";
});
//完成表格字符窜
htmlData += "</table>";
//将表格放到 body 中
$("body").append(htmlData);
});
});
</script>
简单解释一下这段代码，由于此 XML 文档相对简单，所以这段代码也比较简短，代码中$.get()方法的第一个参数为 XML 文件地址，第二个参数是一个回调函数，回调函数中参数 xmlData 即为 XML 文件中的数据。在此示例中，我们打算 XML 中的数据以表格的形式显示在 HTML 中，所以先构建一个表格字符串 htmlData 先。
紧接着，用find()方法，找到所有名为 Person 的元素，因为每个 Person 元素即表示一个人，然后再用 each() 方法进行遍历，把遍历到的元素赋个一个变量 Person。用Person.attr()方法去除元素的 FullName 属性，也就是人员的姓名，再用find()方法找到其子元素 Corporation，Description 和 Products 并返回它们的文本内容，并用 tr 和 td 标签将它们包装在表格的一个行里面。最后完成表格字符串，并将表格添加到 body 标签中。
jQuery,XML
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线
暴雪近日发布了《魔兽世界》10.2.6 更新内容，新游玩模式《强袭风暴》即将于3月21 日在亚服上线，届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。
艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕，并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时，他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中，玩家将会进入一个全新的海盗主题大逃杀式限时活动，其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场，作为一个独立于主游戏之外的活动，玩家可以用大逃杀的风格来体验《魔兽世界》，不分职业、不分装备（除了你在赛局中捡到的），光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式，玩家在加入海盗主题的预赛大厅区域前，可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹，《巨龙崛起》和《魔兽世界：巫妖王之怒 经典版》的玩家都可以获得奖励。