jQuery實現(xiàn)的解析本地 XML 文檔操作示例
本文實例講述了jQuery實現(xiàn)的解析本地 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 id="someElement"></p> <p id="anotherElement"></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：這里再為大家提供幾款關(guān)于xml操作相關(guān)在線工具供大家參考使用：
在線XML/JSON互相轉(zhuǎn)換工具：
http://tools.jb51.net/code/xmljson
在線格式化XML/在線壓縮XML：
http://tools.jb51.net/code/xmlformat
XML在線壓縮/格式化工具：
http://tools.jb51.net/code/xml_format_compress
xml代碼在線格式化美化工具：
http://tools.jb51.net/code/xmlcodeformat
更多關(guān)于jQuery相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《jQuery操作xml技巧總結(jié)》、《jQuery擴展技巧總結(jié)》、《jQuery常用插件及用法總結(jié)》、《jQuery常見經(jīng)典特效匯總》及《jquery選擇器用法總結(jié)》
希望本文所述對大家jQuery程序設(shè)計有所幫助。
相關(guān)文章
jQuery Mobile操作HTML5的常用函數(shù)總結(jié)
jQuery Mobile是針對移動端開發(fā)的JavaScript框架,正如其名基于jQuery庫,jQuery Mobile主要被用來操作HTML5設(shè)計頁面UI,下面就來看一下jQuery Mobile操作HTML5的常用函數(shù)總結(jié):2016-05-05
動態(tài)調(diào)用css文件——jquery的應(yīng)用
這篇文章主要介紹了動態(tài)調(diào)用css文件——jquery的應(yīng)用2007-02-02
Jquery Easyui驗證組件ValidateBox使用詳解（20）
這篇文章主要為大家詳細介紹了Jquery Easyui自定義下拉框組件的使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
jQuery處理xml格式的返回數(shù)據(jù)(實例解析)
在以下示例中，我將使用$.ajax()方法，使用$.get()方法也可以，但我覺得$.ajax()更好一些，代碼更容易懂，并且也不怎么復(fù)雜2013-11-11
flexigrid是類似ext grid的JS表格，不過基于jQuery，目前只是beta版，例子不十分完整。2010-07-07
控制圖片寬高的方法有很多，下面為大家介紹下使用jquery是如何實現(xiàn)的，感興趣的朋友可以學習下2014-01-01
jquery ajax結(jié)合thinkphp的getjson實現(xiàn)跨域的方法
這篇文章主要介紹了jquery ajax結(jié)合thinkphp的getjson實現(xiàn)跨域的方法,結(jié)合實例形式對比分析了jQuery ajax實現(xiàn)跨域的具體操作技巧,具有一定參考借鑒價值,需要的朋友可以參考下2016-06-06
使用js+jquery實現(xiàn)無限極聯(lián)動
本篇文章是對可擴展的無限極聯(lián)動下拉選項的實例進行了分析介紹，需要的朋友參考下2013-05-05
這篇文章主要介紹了jQuery中:input選擇器用法,以實例形式較為詳細的分析了:input選擇器的功能、定義及匹配input元素時的使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-01-01
js根據(jù)json數(shù)據(jù)中的某一個屬性來給數(shù)據(jù)分組的方法
今天小編就為大家分享一篇js根據(jù)json數(shù)據(jù)中的某一個屬性來給數(shù)據(jù)分組的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-10-10