[javascript]—jQuery解析本地 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) {//读取失败时
$.alert('解析文件失败!')
}
});
}
使用方法:
<script>
window.onload = function() {
parseXML("./xx/xx.xml"); //文件地址
}
</script>