jQuery葵花宝典人人都能学编程程序员

jQuery|前后台xml交互就靠它了

2018-01-01  本文已影响21人  明明德撩码

$.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
上一篇 下一篇

猜你喜欢

热点阅读