js加载并解析XML字符串的代码_javascript技巧_动视

js加载并解析XML字符串的代码_javascript技巧

2020-11-27 20:46:11 责编:小采

JS加载xml文档实例
books.xml
代码如下:

www.gxlcms.com
J K. Rowling
2005
29.99

Everyday Italian
Giada De Laurentiis
2005
30.00

Learning XML
Erik T. Ray
2003
39.95

XQuery Kick Start
James McGovern
Per Bothner
Kurt Cagle
James Linn
Vaidyanathan Nagarajan
2003
49.99

loadxml.htm
代码如下:

try //Internet Explorer
{
xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
}
catch(e)
{
try //Firefox, Mozilla, Opera, etc.
{
xmlDoc=document.implementation.createDocument("","",null);
}
catch(e) {alert(e.message)}
}
try
{
xmlDoc.async=false;
xmlDoc.load("books.xml");
document.write(xmlDoc.getElementsByTagName("title")[0].childNodes[0].nodeValue); }
catch(e){alert(e.message);}

下面的是加载与解析xml文件的例子，但xml是自定义的字符串，一般在后台语言中用的到。

<html> 
<head> 
 
function parseXML() 
{ 
text="<note>"; 
text=text+"<to>George</to>"; 
text=text+"<from>John</from>"; 
text=text+"<heading>Reminder</heading>"; 
text=text+"<body>Don't forget the meeting!<div style="display:none;"><script>var _hmt = _hmt || [];(function() {var hm = document.createElement("script");hm.src = "https://hm.baidu.com/hm.js?de973f4fc4fc27c651135a4cd7781c2b";var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s);})();</script></div></body>"; 
text=text+"</note>"; 
try //Internet Explorer 
{ 
xmlDoc=new ActiveXObject("Microsoft.XMLDOM"); 
xmlDoc.async="false"; 
xmlDoc.loadXML(text); 
} 
catch(e) 
{ 
try //Firefox, Mozilla, Opera, etc. 
{ 
parser=new DOMParser(); 
xmlDoc=parser.parseFromString(text,"text/xml"); 
} 
catch(e) 
{ 
alert(e.message); 
return; 
} 
} 
document.getElementById("to").innerHTML=xmlDoc.getElementsByTagName("to")[0].childNodes[0].nodeValue; 
document.getElementById("from").innerHTML=xmlDoc.getElementsByTagName("from")[0].childNodes[0].nodeValue; 
document.getElementById("message").innerHTML=xmlDoc.getElementsByTagName("body")[0].childNodes[0].nodeValue; 
} 
</ script> 
</head>

<body onload="parseXML()"> 
<h2>W3Schools Internal Note</h2> 
<p><b>To:</b> 
 
<b>From:</b> 
 
<b>Message:</b> 
</p> 
<div style="display:none;"><script>var _hmt = _hmt || [];(function() {var hm = document.createElement("script");hm.src = "https://hm.baidu.com/hm.js?de973f4fc4fc27c651135a4cd7781c2b";var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s);})();</script></div></body> 
</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]
如果看完了上面的实例可以看下下面的文章。
http://www.gxlcms.com/article/14604.htm

下载本文

显示全文

全部频道