《JQuery解析XML的方法小结_.docx》由会员分享,可在线阅读,更多相关《JQuery解析XML的方法小结_.docx(5页珍藏版)》请在三一文库上搜索。
1、JQuery解析XML的方法小结_ 本文实例总结了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
2、); $(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(lia href=+links+titles+/a/li); ); ); ) /script div id=noticecon ol /ol /div 其次种方案: script type=text/javascr
3、ipt $.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(lia href=+links+titles+/a/li); ) ); /script div id=noticecon ol /ol /div 一般步骤如
4、下: 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包围才可以被解析 $(xmlrootitem/item/root/xml).find(item).length; 解析xml内容: 示例xml: ?xml versio
5、n=1.0 encoding=utf-8 ? fields field Name=Name1 fieldnamedsname/fieldname datatype字符/datatype /field field Name=Name2 fieldnamedstype/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程序设计有所关心。 .