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 相关文章推荐
得到文本框选中的文字,动态插入文字的js代码
Mar 07 Javascript
js下弹出窗口的变通
Apr 18 Javascript
我的Node.js学习之路(一)
Jul 06 Javascript
ExpressJS入门实例
Jan 14 Javascript
javascript随机抽取0-100之间不重复的10个数
Feb 25 Javascript
详解Jquery的事件操作和文档操作
Dec 19 Javascript
微信小程序 JS动态修改样式的实现代码
Feb 10 Javascript
javascript 动态生成css代码的两种方法
Mar 17 Javascript
在iframe中使bootstrap的模态框在父页面弹出问题
Aug 07 Javascript
JS实现浏览上传文件的代码
Aug 23 Javascript
Vue利用路由钩子token过期后跳转到登录页的实例
Oct 26 Javascript
JS常见错误(Error)及处理方案详解
Jul 02 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去除字符串换行符示例分享
2014/02/13 PHP
PHP和javascript常用正则表达式及用法实例
2014/07/01 PHP
js 模拟气泡屏保效果代码
2010/07/10 Javascript
jquery动态添加删除div 具体实现
2013/07/20 Javascript
jquery ajax修改全局变量示例代码
2013/11/08 Javascript
jquery form表单序列化为对象的示例代码
2014/03/05 Javascript
自己使用jquery写的一个无缝滚动的插件
2014/04/30 Javascript
AngularJS HTML编译器介绍
2014/12/06 Javascript
浅谈javascript中的instanceof和typeof
2015/02/27 Javascript
JS基于面向对象实现的拖拽库实例
2015/09/24 Javascript
Angular2 之 路由与导航详细介绍
2017/05/26 Javascript
Mongoose中document与object的区别示例详解
2017/09/18 Javascript
浅谈layui分页控件field参数接收对象的问题
2019/09/20 Javascript
python复制文件代码实现
2013/12/23 Python
零基础写python爬虫之爬虫编写全记录
2014/11/06 Python
python运行时间的几种方法
2016/06/17 Python
python并发2之使用asyncio处理并发
2017/12/21 Python
关于Django显示时间你应该知道的一些问题
2017/12/25 Python
django中模板的html自动转意方法
2018/05/27 Python
python opencv实现运动检测
2018/07/10 Python
pandas求两个表格不相交的集合方法
2018/12/08 Python
利用Python的sympy包求解一元三次方程示例
2019/11/22 Python
numpy实现神经网络反向传播算法的步骤
2019/12/24 Python
Python selenium 自动化脚本打包成一个exe文件(推荐)
2020/01/14 Python
Python爬取网站图片并保存的实现示例
2021/02/26 Python
Agoda.com官方网站:便宜预订全球酒店,高达80%的折扣
2018/04/04 全球购物
澳大利高级泳装品牌:Bondi Born
2018/05/23 全球购物
迪卡侬印尼体育用品商店:Decathlon印尼
2020/03/11 全球购物
儿科护士自我鉴定
2013/10/14 职场文书
会计系个人求职信范文分享
2013/12/20 职场文书
十月份红领巾广播稿
2014/01/22 职场文书
开业庆典主持词
2014/03/21 职场文书
学习经验演讲稿
2014/05/10 职场文书
2014年自愿离婚协议书范本
2014/09/25 职场文书
法人单位授权委托书范文
2014/10/06 职场文书
干部作风建设个人剖析材料
2014/10/11 职场文书