jQuery|前後臺xml互動就靠它了
$.parseXML()函式用於將字串解析為對應的XML文件。
提示:該函式將使用瀏覽器內建的解析函式來建立一個有效的XML文件,該文件可以傳入jQuery()函式來建立一個典型的jQuery物件,從而對其進行遍歷或其他操作。
語法
$.parseXML( xmlString )
例項
建立一個jQuery物件使用一個XML字串並得到標題節點的值。
<p id="someElement"></p>
<p id="anotherElement"></p>
<script>
$(function () {
var xml = "<rss version='2.0'><channel><title>RSS Title</title></channel></rss>",
xmlDoc = $.parseXML( xml ),
$xml = $( xmlDoc ),
$title = $xml.find( "title" );
// 將 "RSS Title" 附加到 #someElement
$( "#someElement" ).append( $title.text() );
// 標題改為 "XML Title"
$title.text( "XML Title" );
// 將 "XML Title" 附加到 #anotherElement
$( "#anotherElement" ).append( $title.text() );
})
</script>
樣例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>
<p id="someElement"></p>
<p id="anotherElement"></p>
<script>
$(function () {
var xml = "<rss version='2.0'><channel><title>RSS Title</title></channel></rss>",
xmlDoc = $.parseXML( xml ),//xmldocment物件
xml = $( xmlDoc ),//轉換為jquery物件
$title = xml.find( "title" );//操作jquery物件
// 將 "RSS Title" 附加到 #someElement
$( "#someElement" ).append( $title.text() );
// 標題改為 “XML Title”
$title.text( "XML Title" );
// 將 "XML Title" 附加到 #anotherElement
$( "#anotherElement" ).append( $title.text() );
})
</script>
</body>
</html>
相關文章
- Ajax使用jQuery與後臺互動jQuery
- ABAP Development Tool前後臺互動的原理dev
- PHP前後端互動PHP後端
- 都前後端分離了,我們就別做頁面跳轉了!統統 JSON 互動後端JSON
- 長連線在後臺和前臺之間的互動
- 前後臺互動常用到的json格式模板JSON
- 再見收費的Navicat,操作所有資料庫就靠它了資料庫
- 再見收費的Navicat!操作所有資料庫就靠它了!資料庫
- 面試python的必考題,收藏好了!拿高薪就靠它了面試Python高薪
- API前後端互動模式API後端模式
- 前後端資料交換互動後端
- SSH前後端資料互動後端
- 前後端資料互動利器--Protobuf後端
- 騰訊天氣前後端互動案例後端
- AJAX-前後端互動的藝術後端
- 雲物件 - 重新定義前後端互動物件後端
- Node之簡單的前後端互動後端
- Http(s)與後臺互動方式HTTP
- 筆記:前端與後臺互動筆記前端
- 2020年全網最全的自動化測試面試題及答案--吊打面試官就靠它了!面試題
- 大屏設計器,就它了!
- 12.2 Vue前後端互動 P75-Vue後端
- 軟體測試--前後端資料互動後端
- WEB程式的前後端資料互動流程Web後端
- 1024好物分享丨脫單不脫髮,就靠它!
- 一種安全的前後端資料互動方案後端
- 前後端資料互動形式隨手筆記後端筆記
- 京東雲開放“技術百寶箱”,零售商家說今年618就靠它了!
- ajax與XML檔案互動XML
- 前後端資料的互動--如何確保前後端資料的安全性?後端
- 前後端資料互動(三)——ajax 封裝及呼叫後端封裝
- SpringBoot+Vue前後端分離及互動Spring BootVue後端
- Vue前後端互動、生命週期、元件化開發Vue後端元件化
- MirraMirra神奇的iPhone保護套:想要補妝更輕鬆就靠它iPhone
- .NET後臺呼叫JS前臺JS
- 使用Node.js和Koa框架實現前後端互動Node.js框架後端
- 前後端資料互動(一)——網路請求詳解後端
- 前後端資料互動(二)——原生 ajax 請求詳解後端