jQuery|前後臺xml互動就靠它了

weixin_34205076發表於2018-01-01

$.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>
image.png

相關文章