In diesem Artikel wird beschrieben, wie JS XML -Dateidaten liest und Daten in Tabellenformular anzeigt. Teilen Sie es für Ihre Referenz wie folgt weiter:
Schauen wir uns zuerst die XML -Datei an:
<? xml Version = "1.0" Standalone = "Ja"? <stuSex>31</stuAge> </stuinfo> <stuinfo> <stuName>Li Siwen</stuName> <stuSex>Male</stuSex> <stuSex>22</stuAge> </stuinfo> <stuinfo> <stuName>Male</stuName> <stuSex>Female</stuSex> <stuAge>25</stuAge> </stuinfo> <stuinfo> <stuName>Sun Honglei</stuName> <stuSex>Male</stuSex> <stuAge>32</stuAge> </stuinfo> <stuinfo> <stuName>Ouyang Junxiong</stuName> <stuSex>Male</stuSex> <stuSex>28</stuAge> </stuinfo> <stuinfo> <stuName>Jiang Lin</stuName> <stuSex>Female</stuSex> <stuSex>Female</stuSex> <stuSex>23</stuAge> </stuinfo> <stuinfo> <stuName>Xiaoxiao</stuName> <stuSex>Female</stuSex> <Stusex> weiblich </stusex> <stuage> 22 </stuage> </stuinfo> </student>
ASPX -Seitencode:
< %@ Page Language = "C#" AutoEventwireUp = "true" codeBehind = "Datenbankdaten abrufen, um xml.aspx.cs zu generieren "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"><Html xmlns =" http://www.w.w3.org/1999/xhtml "> <cead runat =" Server "> </citle> </title> </title> </title> </title> loadxmldoc (dname) {if (window.xmlhttpRequest) {xhttp = new xmlhttprequest (); } else {xhttp = new ActiveXObject ("microsoft.xmlhttp"); } xhttp.open ("get", dname, false); xhttp.send (""); return xhttp.responsexml; } function readxml () {var xmldoc = loadxmldoc ("student.xml"); // Erhalten Sie den angegebenen Knoten var divmsg = document.getElementById ("xmlmsg"); var msg = "<table border = '1' id = 'mytable'> <tr> <Th> Name </th> <th> Geschlecht </th> <Th> Alter </th> <tr>"; var nodes = xmldoc.getElementsByTagName ("stuinfo"); für (var i = 0; i <node.length; i ++) {msg+= "<tr>"; msg + = "<td>" + Knoten [i] .GetElementsByTagName ("Stuname") [0] .Firstchild.nodeValue + "</td>"; msg + = "<td>" + Knoten [i] .GetElementsByTagName ("stusex") [0] .Firstchild.nodeValue + "</td>"; msg + = "<td>" + Knoten [i] .GetElementsByTagName ("Stuage") [0] .Firstchild.nodeValue + "</td>"; msg += "</tr>"; } msg += "</table>"; divmsg.innerhtml = msg; } </script></head><body> <form id="form1" runat="server"> <div> <input type="button" value="JS read XML" onclick="ReadXml()" /><br /> <div id="xmlMsg"> </div> </div> </form></body></html>Die obige JS -Operation vermeidet hauptsächlich die Verwendung von Childnodes (weil Kindernoten [0] manchmal in Firefox erscheinen und "/n" anstelle des ersten Kinderknotens erhalten, den wir wollen. Sie können dies selbst ausprobieren, aber ich habe diese Situation trotzdem begegnet), was sie mit IE und Firefox kompatibel gemacht hat. Ich habe andere Browser nicht ausprobiert.
For more information about JavaScript, please check this site's special topics: "Summary of JavaScript's operating XML file skills", "Summary of ajax operation skills in JavaScript", "Summary of json operation skills in JavaScript", "Summary of JavaScript switching effects and techniques", "Summary of JavaScript search algorithm skills", "Summary of JavaScript animation special effects and Techniken "," Zusammenfassung von JavaScript -Fehlern und Debugging -Fähigkeiten "," Zusammenfassung der JavaScript -Datenstrukturen und Algorithmusfähigkeiten "," Zusammenfassung der JavaScript -Traversal -Algorithmen und -Techniken "und" Zusammenfassung der Nutzung von JavaScript -Mathematikoperationen ""
Ich hoffe, dieser Artikel wird für JavaScript -Programme aller hilfreich sein.