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

最新推荐文章于 2021-04-04 03:16:07 发布

weixin_34205076

最新推荐文章于 2021-04-04 03:16:07 发布

阅读量132

点赞数

文章标签： javascript ViewUI

原文链接：https://yq.aliyun.com/articles/510369

版权

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