jQuery实现的解析本地 XML 文档操作示例

Create a jQuery object using an XML string and obtain the value of the title node.

<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery.parseXML demo</title> <script src="https://code.jquery.com/jquery-1.10.2.js"></script> </head> <body> <p></p> <p></p> <script> var xml = "<rss version='2.0'><channel><title>RSS Title</title></channel></rss>", xmlDoc = $.parseXML( xml ), $xml = $( xmlDoc ), $title = $xml.find( "title" ); // Append "RSS Title" to #someElement $( "#someElement" ).append( $title.text() ); // Change the title to "XML Title" $title.text( "XML Title" ); // Append "XML Title" to #anotherElement $( "#anotherElement" ).append( $title.text() ); </script> </body> </html>

方法二:

/** * @param {String} xmlFileAddr 文件地址 */ function parseXML(xmlFileAddr) { $.ajax({ type: "GET", url: xmlFileAddr, dataType: "xml", success: function(data, textStatus, jqXHR){//读取成功 console.log(data) // todo...... }, error: function(jqXHR, textStatus, errorThrown) {//读取失败时 $.alert('解析文件失败!') } }); }

使用方法:

<script> window.onload = function() { parseXML("./xx/xx.xml"); //文件地址 } </script>

PS:这里再为大家提供几款关于xml操作相关在线工具供大家参考使用:

在线XML/JSON互相转换工具:

在线格式化XML/在线压缩XML

XML在线压缩/格式化工具:

xml代码在线格式化美化工具:

更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jQuery操作xml技巧总结》、《jQuery扩展技巧总结》、《jQuery常用插件及用法总结》、《jQuery常见经典特效汇总》及《jquery选择器用法总结

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://www.heiqu.com/68b6c78c284d005e9b3f75708708d0b7.html