這篇文章主要介紹了JS如何讀取XML數(shù)據(jù),具有一定借鑒價(jià)值,需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

最近在項(xiàng)目中由于考慮到訪問性能的問題,已經(jīng)對(duì)內(nèi)頁等做生成靜態(tài)處理了,但是里面有些內(nèi)容又是需要?jiǎng)討B(tài)的,按照以前的方式,應(yīng)該是會(huì)用JS的調(diào)用一個(gè)動(dòng)態(tài)的腳本文件,前端時(shí)間看了下紅孩子,好像里面有些代碼蠻不錯(cuò)的,都是JS調(diào)用XML數(shù)據(jù)的,XML可以直接用動(dòng)態(tài)腳本程序去生成,呵呵,不錯(cuò)的東西簡(jiǎn)單的研究了下,直接拿過來就可以使用了。
XMl數(shù)據(jù)格式如下:
<?xml version="1.0" encoding="gb2312"?> <root> <item> <name>劉亦菲</name> <url>MingXing/LiuYiFei.htm</url> <color>7A9D4B</color> </item> <item> <name>蔡依林</name> <url>MingXing/CaiYiLin.htm</url> <color>FD0000</color> </item> <item> <name>張娜拉</name> <url>MingXing/ZhangNaLa.htm</url> <color>7A9D4B</color> </item> <item> <name>張韶涵</name> <url>MingXiang/ZhangShaoHan.htm</url> <color>0000FF</color> </item> <item> <name>張靚穎</name> <url>MingXing/ZhangLiangYin.htm</url> <color>7A9D4B</color> </item> <item> <name>李宇春</name> <url>MingXing/LiYuChun.htm</url> <color>7A9D4B</color> </item> <item> <name>徐若瑄</name> <url>MingXing/XuLuXuan.htm</url> <color>FD0000</color> </item> </root>
前端JS腳本代碼如下:
//獲取網(wǎng)站熱門點(diǎn)擊排行
var cdsales=new ActiveXObject("Microsoft.XMLDOM"); //創(chuàng)建XmlDom對(duì)象
cdsales.async=true; //使用異步加載
cdsales.onreadystatechange=LoadedSales;
function LoadedSales()
{
var txt="";
if(cdsales.readyState==4)
{
if(cdsales.parseError.errorCode != 0)
{
txt="";
}else{
var bi=cdsales.documentElement.selectNodes("item");
if(bi!=null&&bi.length>0)
{
for(var i=0;i<bi.length;i++)
{
txt+="<li>·<a href="+bi[i].childNodes[1].text+" style=color:"+bi[i].childNodes[2].text+">"+bi[i].childNodes[0].text+"</a></li>";
}
}else{
txt="";
}
}
}else{
txt="";
}
sales.innerHTML=txt;
}
function LoadSalesDoc()
{
var Url="/XML/Hot.xml";
cdsales.load(Url);
}感謝你能夠認(rèn)真閱讀完這篇文章,希望小編分享JS如何讀取XML數(shù)據(jù)內(nèi)容對(duì)大家有幫助,同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)成都網(wǎng)站設(shè)計(jì)公司,關(guān)注創(chuàng)新互聯(lián)成都網(wǎng)站設(shè)計(jì)公司行業(yè)資訊頻道,遇到問題就找創(chuàng)新互聯(lián)成都網(wǎng)站設(shè)計(jì)公司,詳細(xì)的解決方法等著你來學(xué)習(xí)!
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無理由+7*72小時(shí)售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、網(wǎng)站設(shè)計(jì)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì),專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。
當(dāng)前題目:JS如何讀取XML數(shù)據(jù)-創(chuàng)新互聯(lián)
本文鏈接:http://chinadenli.net/article48/pechp.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供手機(jī)網(wǎng)站建設(shè)、品牌網(wǎng)站建設(shè)、標(biāo)簽優(yōu)化、動(dòng)態(tài)網(wǎng)站、網(wǎng)站導(dǎo)航、電子商務(wù)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容