JavaScript獲取XML數(shù)據(jù)附示例截圖

更新時間：2014年03月05日 10:49:42 作者：

這篇文章主要介紹了JavaScript獲取XML數(shù)據(jù)的方法,需要的朋友可以參考下

Hot.xml文件：

 
<?xml version="1.0" encoding="gb2312"?> 
<root> 
<item> 
<name>劉亦菲</name> 
<url>MingXing/LiuYiFei.htm</url> 
<color>red</color> 
</item> 
<item> 
<name>蔡依林</name> 
<url>MingXing/CaiYiLin.htm</url> 
<color>blue</color> 
</item> 
<item> 
<name>張娜拉</name> 
<url>MingXing/ZhangNaLa.htm</url> 
<color>green</color> 
</item> 
<item> 
<name>張韶涵</name> 
<url>MingXiang/ZhangShaoHan.htm</url> 
<color>grey</color> 
</item> 
<item> 
<name>張靚穎</name> 
<url>MingXing/ZhangLiangYin.htm</url> 
<color>black</color> 
</item> 
<item> 
<name>李宇春</name> 
<url>MingXing/LiYuChun.htm</url> 
<color>yellow</color> 
</item> 
<item> 
<name>徐若瑄</name> 
<url>MingXing/XuLuXuan.htm</url> 
<color>pink</color> 
</item> 
</root> 

demo1.html文件：

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>JavaScript獲取XML數(shù)據(jù)</title>
<script language="javascript">

復制代碼代碼如下:

 
var xmlDoc=new ActiveXObject("Microsoft.XMLDOM"); //創(chuàng)建XmlDom對象 
xmlDoc.async=true; //使用異步加載 
xmlDoc.onreadystatechange=loadedSales; 
function loadedSales() 
{ 
var txt=""; 
if(xmlDoc.readyState == 0){ 
alert("0"); 
} 
if(xmlDoc.readyState == 1){ 
alert("1"); 
} 
if(xmlDoc.readyState == 2){ 
alert("2"); 
} 
if(xmlDoc.readyState == 3){ 
alert("3"); 
} 
if(xmlDoc.readyState == 4) 
{ 
if(xmlDoc.parseError.errorCode != 0) 
{ 
txt="xml解析錯誤！"; 
}else{ 
var items=xmlDoc.documentElement.selectNodes("item"); 
if(items != null && items.length > 0) 
{ 
for(var i=0; i < items.length; i++) 
{ 
txt += "<li><a href="+items[i].childNodes[1].text+" mce_href="+items[i].childNodes[1].text+" style="color:" mce_style="color:""+items[i].childNodes[2].text+">"+items[i].childNodes[0].text+"</a></li>"; 
} 
}else{ 
txt=""; 
} 
} 
}else{ 
txt=""; 
} 
document.getElementById("sales").innerHTML=txt; 
} 
function loadXmlDoc() 
{ 
var url="Hot.xml"; 
xmlDoc.load(url); 
} 
</script> 
</head> 

<body onLoad="loadXmlDoc()"> 
<div id="sales"></div> 
</body> 
</html> 

效果圖：

您可能感興趣的文章:

XML

Javascript網(wǎng)頁搶紅包外掛實現(xiàn)分享
本篇文章通過一個搶紅包的網(wǎng)頁實例講述了Javascript書寫的原理以及思路，有興趣的朋友參考學習下。
2018-01-01
JS數(shù)組降維的實現(xiàn)Array.prototype.concat.apply([], arr)
這篇文章主要介紹了JS數(shù)組降維的實現(xiàn)Array.prototype.concat.apply([], arr)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2020-04-04
微信接入之獲取用戶頭像的方法步驟
這篇文章主要介紹了微信接入之獲取用戶頭像的方法步驟，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2019-09-09
JavaScript前后端JSON使用方法教程
這篇文章主要給大家介紹了關于JavaScript前后端JSON使用方法的相關資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2020-11-11
javascript FormatNumber函數(shù)實現(xiàn)方法
如果有一個數(shù)字498.8573945,如何把它格式化成兩位小數(shù)據(jù)呢？用過asp的都知道,在vbscript里我們可以調(diào)用formatnumber,即用formatnumber(498.8573945,2)就可以輸出：498.86。
2008-12-12
微信小程序修改數(shù)組長度的問題的解決
這篇文章主要介紹了微信小程序修改數(shù)組長度的問題的解決,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2019-12-12
小程序云開發(fā)實戰(zhàn)小結(jié)
這篇文章主要介紹了小程序云開發(fā)實戰(zhàn)小結(jié)，本文詳細的介紹了云開發(fā)以及環(huán)境的搭建和項目實踐，非常具有實用價值，需要的朋友可以參考下
2018-10-10
JavaScript 原型學習總結(jié)
每個對像都有一個隱慝的屬性用于指向到它的父對像（構(gòu)造對像的函數(shù)）的原型(這里稱為父原型或隱式原型），并從中繼承它的屬性和方法
2010-10-10
JavaScript定時器制作彈窗小廣告
這篇文章主要為大家詳細介紹了JavaScript定時器制作一個彈窗小廣告，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-02-02
JS實現(xiàn)利用兩個隊列表示一個棧的方法
這篇文章主要介紹了JS實現(xiàn)利用兩個隊列表示一個棧的方法,簡單分析了使用兩個隊列表示一個棧的原理,并結(jié)合具體實例分析了javascript相關操作技巧,需要的朋友可以參考下
2017-12-12