XML 文件内容：
  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <stulist>
  3.         <student  email="1@1.com">
  4.                 <name>zhangsan</name>
  5.                 <id>1</id>
  6.         </student>
  7.         <student  email="2@2.com">
  8.                <name>lisi</name>
  9.                 <id>2</id>
  10.         </student>
  11. </stulist>

html 文件内容：

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <title> jQuery 解析 XML </title>
  5.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6.     <script type="text/javascript" src="jquery.js"></script>
  7.     <script type="text/javascript">
  8.         $(function() {
  9.             $("button").click(function(){
  10.                 $.ajax({
  11.                     url:'ajax.xml',
  12.                     type: 'GET',
  13.                     dataType: 'xml',
  14.                     timeout: 1000,
  15.                     cache:false,
  16.                     error: function(xml){
  17.                         alert('加载XML文档出错');
  18.                     },
  19.                     success: function(xml){
  20.  
  21.                         //建立一个代码片段
  22.                         var frag=$("<ul/>");
  23.  
  24.                         //遍历所有student节点
  25.                         $(xml).find("student").each(function(i){
  26.                             //获取id节点
  27.                             var id=$(this).children("id"),
  28.                             //获取节点文本
  29.                                 id_value=id.text(),
  30.                             //获取student下的email属性。
  31.                                 email=$(this).attr("email");
  32.  
  33.                             //构造HTML字符串，通过append方法添加进之前建立代码片段
  34.                             frag.append("<li>"+id_value+"-"+email+"</li>");
  35.                         });
  36.  
  37.                         //最后得到的frag添加进HTML文档中
  38.                         frag.appendTo("#load");
  39.                     }
  40.                 });
  41.  
  42.             });
  43.         });
  44.     </script>
  45. </head>
  46. <body>
  47. <button>加载</button>
  48. <div id="load"></div>
  49. </body>
  50. </html>
 
  1.         $.ajax({
  2.             url: "xml/menu.xml",
  3.             dataType: 'xml',
  4.             type: 'GET',
  5.             timeout: 2000,
  6.             cache: false,
  7.             error: function(xml) {
  8.                 alert("加载菜单时出错！");
  9.             },
  10.             success: function(xml) {
  11.                 //建立一个代码片段
  12.                 var frag = $("<ul/>");
  13.  
  14.                 //遍历所有student节点
  15.                 $(xml).find("Root>Node:parent").each(function(i) {
  16.                     //获取student下的email属性。
  17.                     var text = $(this).attr("Text"),
  18.                         href = $(this).attr("NavigateUrl"),
  19.                         key  = $(this).attr("KeyIndex");
  20.  
  21.                     //构造HTML字符串，通过append方法添加进之前建立代码片段
  22.                     frag.append("<li>" + text +"_"+href+ "_"+key+ "</li>");
  23.                 });
  24.  
  25.                 //最后得到的frag添加进HTML文档中
  26.                 frag.appendTo("#load");
  27.             }
  28.         });

[转]jQuery 读取 xml的更多相关文章

  1. jquery 读取xml

    <script type="text/javascript" src="jquery/jquery-1.11.3.min.js"></scri ...

  2. JQuery读取XML文件

    <?xml version="1.0" encoding="utf-8" ?> <taxrates> <taxrate id=&q ...

  3. jquery读取XML 生成页面文件

    $.get("../../js/data.xml", function (xml) { $(xml).find("local").each(function ( ...

  4. javascript读取xml的方法【转载】

    jquery读取xml文件 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http ...

  5. Js读取XML文件为List结构

    习惯了C#的List集合,对于Javascript没有list 极为不舒服,在一个利用Js读取XML文件的Demo中,决定自己构建List对象,将数据存入List. 第一步,Js读取XML文件知识 X ...

  6. jQuery、JS读取xml文件里的内容（JS先通过document.implementation.createDocument方法将xml转换成document对象，jQuery将读取到的xml转成table）

    xml文件:test.xml <?xml version="1.0"?> <note> <to>George</to> <fr ...

  7. 160928、JQuery解析XML数据的demo

    用JavaScript解析XML数据是常见的编程任务,JavaScript能做的,JQuery当然也能做.下面我们来总结几个使用JQuery解析XML的例子. 方案1 当后台返回的数据类型是xml对象 ...

  8. PHP读取xml方法讲解

    一,什么是xml,xml有什么用途 XML(Extensible Markup Language)即可扩展标记语言,它与HTML一样,都是SGML(Standard Generalized Marku ...

  9. jquery解析XML(1)

    jquery解析XML文件 html代码 <!DOCTYPE html><html><head><title>解析XML</title>&l ...

随机推荐

  1. 【eclipse】查看jar乱码问题解决

  2. 【Mysql】修改mysql的字符集和默认存储引擎，解决数据入库乱码问题

    背景 在使用Python + Testlink做自动化的过程中,遇到了数据入库出现乱码的情况,后来通过修改字符集的方式解决了这个问题.下面的内容主要来自于一篇相关博文,博主做了细微的调整, 原文链接: ...

  3. 谈谈oracle里的join、left join、right join、full join-版本2

    --1.left join  左表为主表,左表返回全部数据,右表只返回与左表相匹配的数据select   t1.fpdm,t1.fphm ,t1.zjr,t1.zjsj,t1.zjjx,t1.zjje ...

  4. MyBatise代码自动生成时候Oralce的number类型BigDecimal问题

    使用MyBatise的代码自动生成工具时候,即便在配置文件中定义了 <javaTypeResolver> <property name="forceBigDecimals& ...

  5. 041——VUE中组件之pros数据的多种验证机制实例详解

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  6. 解决MySQL workbench的Can't connect to MySQL server on '127.0.0.1'(10061)问题

    如题,今天打开MySQL时,出现了这种问题,无法连接到数据库 问题原因:The error (2003) Can't connect to MySQL server on 'server' (1006 ...

  7. windows安装mysql方法 mysql5.7以后的安装方法

    mysql 安装步骤: 1.www.mysql.com   下载mysql 2.解压mysql到E盘,或者其他盘解压后   E:\mysql\bin   (bin一定要按照这个目录) 3.这bin目录 ...

  8. strtol 笔记

    今天看了一下网上关于这个函数的解释,根据文章大意记录一下 strtol 是将字符串转换为long int的一个函数 strtol(const char* nptr, char **endptr, in ...

  9. Leetcode 1024. Video Stitching

    class Solution: def helper(self,l,r,clips)->int: maxL,maxR=0,0 iL,iR=-1,-1 for i,c in enumerate(c ...

  10. word 使用中 上标符号的实现

    1.   首先在word 中打下一段话  如:   啦啦啦啦啦啦啦啦  然后加入你需要的上标   如   [2] 2.    选中你需要的上标,然后右击 3.   点击字体选项 出现下图: 4.  在 ...