编程 Javascript

使用jquery解析XML的方法

Posted in Javascript onSeptember 05, 2014

本文实例讲述了使用jquery解析XML的方法，分享给大家供大家参考之用。具体方法如下：

一、xml文件结构:books.xml

<?xml version="1.0" encoding="UTF-8"?>
<root>
 <book id="1">
  <name>深入浅出extjs</name>
  <author>张三</author>
  <price>88</price>
 </book>
 <book id="2">
  <name>锋利的jQuery</name>
  <author>李四</author>
  <price>99</price>
 </book>
 <book id="3">
  <name>深入浅出flex</name>
  <author>王五</author>
  <price>108</price>
 </book>
 <book id="4">
  <name>java编程思想</name>
  <author>钱七</author>
  <price>128</price>
 </book>
</root>

二、页面代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>jquery解析xml</title>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
 $(function(){
  $.post('books.xml',function(data){
   //查找所有的book节点
   var s="";
   $(data).find('book').each(function(i){
    var id=$(this).attr('id');
    var name=$(this).children('name').text();
    var author=$(this).children('author').text();
    var price=$(this).children('price').text();
    s+=id+"    "+name+"    "+author+"    "+price+"<br>";
   });
   $('#mydiv').html(s);
  });
 });
</script>
</head>
<body>
 <div id='mydiv'></div>
</body>
</html>

运行效果图如下:

使用jquery解析XML的方法

感兴趣的读者可以点此本站下载完整代码。

使用jquery解析XML的方法

- Author -

shichen2014

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

jquery连缀语法如何实现

Nov 29 Javascript

修复bash漏洞的shell脚本分享

Dec 31 Javascript

JS 对象属性相关(检查属性、枚举属性等)

Apr 05 Javascript

javascript日期计算实例分析

Jun 29 Javascript

jQuery多条件筛选如何实现

Nov 04 Javascript

全面理解JavaScript中的闭包

May 12 Javascript

jQuery中JSONP的两种实现方式详解

Sep 26 Javascript

JavaScript生成.xls文件的代码

Dec 22 Javascript

layui导航栏实现代码

May 19 Javascript

微信小程序媒体组件详解（视频，音乐，图片）

Sep 19 Javascript

Vue响应式原理深入解析及注意事项

Dec 11 Javascript

js canvas实现5张图片合成一张图片

Jul 15 Javascript

JavaScript避免内存泄露及内存管理技巧

Sep 05 #Javascript

javascript获取dom的下一个节点方法

Sep 05 #Javascript

原生JavaScript生成GUID的实现示例

Sep 05 #Javascript

javascript动态控制服务器控件实例

Sep 05 #Javascript

setTimeout()递归调用不加引号出错的解决方法

Sep 05 #Javascript

jQuery动态创建html元素的常用方法汇总

Sep 05 #Javascript

jquery单行文字向上滚动效果的实现代码

Sep 05 #Javascript