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