Beispielcode-Freigabe für JS zum Lesen von XML-Daten

Kürzlich wurden im Projekt aufgrund des Problems der Zugriffsleistung die Innenseiten statisch generiert, einige Inhalte müssen jedoch dynamisch sein. Gemäß der vorherigen Methode sollte dies der Fall sein Verwenden Sie JS zum Aufrufen einer dynamischen Skriptdatei. Es scheint, dass einige der darin enthaltenen Codes ziemlich gut sind . XML kann direkt zum Generieren verwendet werden, haha, es ist eine gute Sache, ich habe es einfach studiert und verwendet. Das XML-Datenformat lautet wie folgt:

Der Front-End-JS-Skriptcode lautet wie folgt:

<?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>

//Erhalten Sie das Hot-Click-Ranking der Website

Hot.Xml oben Sie können es mit einem Programm automatisch generieren, solange die Ausgabeseite im XML-Format vorliegt. Es scheint, dass immer mehr Websites begonnen haben, p+JS+XML für die

var cdsales=new ActiveXObject("Microsoft.XMLDOM"); //创建XmlDom对象
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);
}

Architektur

zu verwenden. Haha, es ist ziemlich gut, zuerst den Code zu lernen Ich weiß nicht, ob dies das Konzept von Ajax ist, es sollte als solches betrachtet werden.

Das obige ist der detaillierte Inhalt vonBeispielcode-Freigabe für JS zum Lesen von XML-Daten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!