jQ处理xml文件和xml字符串的方法(详解)
编程学习 2021-07-04 19:19www.dzhlxh.cn编程入门
狼蚁网站SEO优化长沙网络推广就为大家带来一篇jQ处理xml文件和xml字符串的方法(详解)。长沙网络推广觉得挺不错的,希望对大家有所帮助。一起跟随长沙网络推广过来看看吧,祝大家游戏愉快哦
1.xml文件
<?xml version="1.0" encoding="utf-8" ?> <root> <book id="1"> <name>锋利的jQuery1</name> <author>XXX1</author> <price>250</price> </book> <book id="2"> <name>锋利的jQuery2</name> <author>XXX2</author> <price>99</price> </book> <book id="3"> <name>锋利的jQuery3</name> <author>XXX3</author> <price>108</price> </book> <book id="4"> <name>锋利的jQuery4</name> <author>XXX4</author> <price>128</price> </book> </root>
2.jQuery代码
window.onload = function () { //get解析xml文件 $.get("1.xml", function (data) { $data = $(data); //获得节点 var $books = $data.find("book"); var $names = $data.find("name"); var $authors = $data.find("author"); //var $authors = $data.find("author") = $books.children("author") = $names.siblings("author");//获得books的子节点 //获得属性、节点text //var id = $($books[0]).attr("id") = $books[0].getAttribute("id");//获得第一个book的id属性 $authors.each(function () { var author_text = $(this).text(); //获得节点内部文本,尝试过用nodeValue无果(不兼容) }) }) //ajax解析xml文件 $.ajax({ url: "1.xml", dataType: "xml", success: function (data) { var $data = $(data); var $books = $data.find("book"); //以下操作同上 } }) }
3.jQuery处理xml字符串
//jQuery解析xml字符串 var xmlStr = "<root><book id='1'><name>锋利的jQuery1</name><author>XXX1</author><price>250</price></book><book id='2'><name>锋利的jQuery2</name><author>XXX2</author><price>99</price></book><book id='3'><name>锋利的jQuery3</name><author>XXX3</author><price>108</price></book><book id='4'><name>锋利的jQuery4</name><author>XXX4</author><price>128</price></book></root>"; var $xmlDoc = $($.parseXML(xmlStr)); var $books = $xmlDoc.find("book"); var $names = $xmlDoc.find("name"); alert($($names[0]).text()); //其他操作与2相同
以上就是长沙网络推广为大家带来的jQ处理xml文件和xml字符串的方法(详解)全部内容了,希望大家多多支持狼蚁SEO~
上一篇:js数组操作方法总结(必看篇)
下一篇:js字符串操作总结(必看篇)