jQ处理xml文件和xml字符串的方法(详解)
2019/6/27 21:38:18
本文主要是介绍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字符串的方法(详解)全部内容了,希望大家多多支持找一找教程网~
这篇关于jQ处理xml文件和xml字符串的方法(详解)的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-05-09vue3开发前端表单缓存自定义指令,移动端h5必备插件
- 2024-05-09React Hooks在class组件中的使用方式
- 2024-03-30[OIDC in Action] 2. 基于OIDC(OpenID Connect)的SSO(纯JS客户端)
- 2024-03-29terraform jsonencode
- 2024-03-13vuex-persist
- 2024-03-11icons for vue
- 2024-03-07breadcrumbs react js
- 2024-03-06react login page example
- 2024-03-06react router uselocation
- 2024-03-04postgres jsonb_set