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

ttx9n · 发表于 2009-12-13 00:40:40

js 加载并解析XML字符串的实现代码，需要的朋友可以参考下。 JS加载xml文档实例
books.xml
复制代码代码如下:
<?xml version="1.0" encoding="ISO-8859-1"?>
<bookstore>
<book category="children">
<title lang="en">www.jb51.net</title>
<author>J K. Rowling</author>
<year>2005</year>
<price>29.99</price>
</book>
<book category="cooking">
<title lang="en">Everyday Italian</title>
<author>Giada De Laurentiis</author>
<year>2005</year>
<price>30.00</price>
</book>
<book category="web" cover="paperback">
<title lang="en">Learning XML</title>
<author>Erik T. Ray</author>
<year>2003</year>
<price>39.95</price>
</book>
<book category="web">
<title lang="en">XQuery Kick Start</title>
<author>James McGovern</author>
<author>Per Bothner</author>
<author>Kurt Cagle</author>
<author>James Linn</author>
<author>Vaidyanathan Nagarajan</author>
<year>2003</year>
<price>49.99</price>
</book>
</bookstore>

loadxml.htm
复制代码代码如下:
<html>
<head>
<script>
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);}
</script>
</head>
<body>
</body>
</html>

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

<html> 
<head> 
<script type="text/javascript"> 
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!</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()"> 
<h1>W3Schools Internal Note</h1> 
<p><b>To:</b> 
 
<b>From:</b> 
 
<b>Message:</b>  
</p> 
</body> 
</html>

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

wangdj110 · 发表于 2022-9-24 14:32:30

哟哟哟哟哟以偶

czoz5y · 发表于 2023-12-7 06:13:09

哈哈哈哈哈哈哈

6q8s6p21 · 发表于 2024-3-2 10:17:41

谢谢楼主分享

thywok · 发表于 2024-7-16 06:57:01

老衲笑纳了

白狐软件 · 发表于 2024-7-27 06:14:31

谢谢您的分享！

123456 · 发表于 2024-7-30 22:14:35

抽根烟，下来看看再说

0y3yp · 发表于 2024-9-10 13:55:01

论坛有你更精彩！

bp5jgbcnt · 发表于 2024-9-17 23:37:39

而快乐你们快乐马年快乐

pb_tjc · 发表于 2024-10-6 03:51:14

看看看咋么

账号		自动登录	找回密码
密码			立即注册

[JavaScript] js 加载并解析XML字符串的代码

相关帖子