JQuery解析XML的方法小结


Posted in Javascript onApril 02, 2016

本文实例总结了JQuery解析XML的方法。分享给大家供大家参考,具体如下:

用JavaScript解析XML数据是常见的编程任务,JavaScript能做的,JQuery当然也能做。下面我们来总结几个使用JQuery解析XML的例子。

第一种方案:

<script type="text/javascript">
$(document).ready(function() {
  $.ajax({
     url: 'http://localhost/cgi/test.xml',
     dataType: 'xml',
     success: function(data){
       //console.log(data);
       $(data).find("channel").find("item").each(function(index, ele) {
        var titles = $(ele).find("title").text();
        var links = $(ele).find("link").text();
        console.log(titles+'-----');
        $("#noticecon").find('ol').append('<li><a href="'+links+'">'+titles+'</a></li>');
      });
    }
  });
})
</script>
<div id="noticecon">
  <ol>
  </ol>
</div>

第二种方案:

<script type="text/javascript">
  $.get("http://localhost/cgi/test.xml", function(data){
    $(data).find('channel').find('item').each(function(index, ele){
      var titles = $(ele).find('title').text();
      var links = $(ele).find('link').text();
      $("#noticecon").find('ol').append('<li><a href="'+links+'">'+titles+'</a></li>');
    })
  });
</script>
<div id="noticecon">
  <ol>
  </ol>
</div>

一般步骤如下:

1. 读取xml文件

$.get("xmlfile.xml",function(xml){
  //xml即为可以读取使用的内容,具体读取见第2点
});

2. 读取xml内容

如果读取的xml是来于xml文件,这结合上面的那点,处理如下:

$.get("xmlfile.xml",function(xml){ 
  $(xml).find("item").length; 
});

如果读取的是xml字符串,则要注意一点,xml字符串的必然被"<xml>"和"</xml>"包围才可以被解析

$("<xml><root><item></item></root></xml>").find("item").length;

解析xml内容:

示例xml:

<?xml version="1.0" encoding="utf-8" ?>
<fields>
 <field Name="Name1">
 <fieldname>dsname</fieldname>
 <datatype>字符</datatype>
 </field>
 <field Name="Name2">
 <fieldname>dstype</fieldname>
 <datatype>字符</datatype>
 </field>
</fields>

以下是解析示例代码:

$(xml).find("field").each(function() {
  var field = $(this);
  var fName = field.attr("Name");//读取节点属性
  var dataType = field.find("datatype").text();//读取子节点的值
});

希望本文所述对大家jQuery程序设计有所帮助。

Javascript 相关文章推荐
删除重复数据的算法
Nov 23 Javascript
判断对象是否Window的实现代码
Jan 10 Javascript
一个JavaScript用逗号分割字符串实例
Sep 22 Javascript
基于jQuery实现复选框是否选中进行答题提示
Dec 10 Javascript
BootStrap入门教程(二)之固定的内置样式
Sep 19 Javascript
jQuery 获取遍历获取table中每一个tr中的第一个td的方法
Oct 05 Javascript
利用jQuery插件imgAreaSelect实现图片上传裁剪(同步显示图像位置信息)
Dec 02 Javascript
Angular的模块化(代码分享)
Dec 26 Javascript
jQuery中clone()函数实现表单中增加和减少输入项
May 13 jQuery
移动设备手势事件库Touch.js使用详解
Aug 18 Javascript
详解Vue如何支持JSX语法
Nov 10 Javascript
vue在index.html中引入静态文件不生效问题及解决方法
Apr 29 Javascript
javascript HTML5文件上传FileReader API
Mar 27 #Javascript
JavaScript中文件上传API详解
Apr 01 #Javascript
jquery表单验证插件formValidator使用方法
Apr 01 #Javascript
jquery分页插件jquery.pagination.js实现无刷新分页
Apr 01 #Javascript
jquery分页插件jquery.pagination.js使用方法解析
Apr 01 #Javascript
jQuery实现下拉加载功能实例代码
Apr 01 #Javascript
Extjs实现下拉菜单效果
Apr 01 #Javascript
You might like
让你的PHP同时支持GIF、png、JPEG
2006/10/09 PHP
php MsSql server时遇到的中文编码问题
2009/06/11 PHP
解析php中array_merge与array+array的区别
2013/06/21 PHP
PHP实现从远程下载文件的方法
2015/03/12 PHP
php实现Mongodb自定义方式生成自增ID的方法
2015/03/23 PHP
简单谈谈PHP vs Node.js
2015/07/17 PHP
PHP单元测试框架PHPUnit用法详解
2019/01/23 PHP
JavaScript 动态创建VML的方法
2009/10/14 Javascript
由JavaScript中call()方法引发的对面向对象继承机制call的思考
2011/09/12 Javascript
深入理解JQuery keyUp和keyDown的区别
2013/12/12 Javascript
JS弹出层单纯的绝对定位居中示例代码
2014/02/18 Javascript
JsRender实用入门教程
2014/10/31 Javascript
js中hash和ico的关联分析
2015/02/05 Javascript
js实现鼠标点击左上角滑动菜单效果代码
2015/09/06 Javascript
JavaScript的React框架中的JSX语法学习入门教程
2016/03/05 Javascript
jQuery ajax全局函数处理session过期后的ajax跳转问题
2016/06/03 Javascript
jQuery实现的分页功能示例
2017/01/22 Javascript
Vue脚手架的简单使用实例
2018/07/10 Javascript
微信小程序 调用微信授权窗口相关问题解决
2019/07/25 Javascript
jQuery提示框插件SweetAlert用法分析
2019/08/05 jQuery
JS继承定义与使用方法简单示例
2020/02/19 Javascript
python队列通信:rabbitMQ的使用(实例讲解)
2017/12/22 Python
在linux下实现 python 监控usb设备信号
2019/07/03 Python
python按键按住不放持续响应的实例代码
2019/07/17 Python
如何通过python实现全排列
2020/02/11 Python
python代码xml转txt实例
2020/03/10 Python
Python爬虫实现自动登录、签到功能的代码
2020/08/20 Python
80年代复古T恤:TruffleShuffle
2018/07/02 全球购物
雅诗兰黛加拿大官网:Estee Lauder加拿大
2019/07/31 全球购物
Delphi软件工程师试题
2013/01/29 面试题
2014年端午节演讲稿范文
2014/05/23 职场文书
英文自荐信范文
2015/03/25 职场文书
货款欠条范本
2015/07/03 职场文书
2015年汽车销售员工作总结
2015/07/24 职场文书
一文读懂go中semaphore(信号量)源码
2021/04/03 Golang
浅析MySQL如何实现事务隔离
2021/06/26 MySQL