您的位置：首页 > Web前端 > JavaScript

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

2009-12-13 00:00 1086 查看

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是自定义的字符串，一般在后台语言中用的到。

function parseXML()
{
text="";
text=text+"George";
text=text+"John";
text=text+"Reminder";
text=text+"Don't forget the meeting!";
text=text+"";
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;
}

W3Schools Internal Note

To:

From:

Message:

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]
如果看完了上面的实例可以看下下面的文章。 https://www.geek-share.com/detail/2423249605.html

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航