Heim > Backend-Entwicklung > XML/RSS-Tutorial > Beispielcode-Freigabe für JS zum Lesen von XML-Daten

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

黄舟
Freigeben: 2017-03-23 16:30:27
Original
1630 Leute haben es durchsucht

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>
Nach dem Login kopieren
//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);
}
Nach dem Login kopieren
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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage