Cet article décrit comment JS lit les données du fichier XML et affiche des données sous forme de tableau. Partagez-le pour votre référence, comme suit:
Regardons d'abord le fichier XML:
<? xml version = "1.0" standalone = "Oui"?> <Student> <Stuinfo> <Stuname> Zhang Qiuli </snothername> </ Stusex> Femme </ Stusex> <Stuage> 18 </tuage> </tuning <Stusex> 31 </ stuage> </tuinfo> <stuinfo> <s stuname> li Siwen </ntalname> <stusex> mâle </dusex> <Stusex> 22 </tuage> </tuinfo> <tuinfo> <préname> mâle </nuname> <stusex> femelle </nutusx> </tuinfo> <Stuinfo> <Stuname> Sun Honglei </numeame> <Stusex> mâle </TUSEX> <Stuage> 32 </tuage> </tuinfo> <Stuinfo> <Stuname> OULANG Junxiong </nuname> </tuinex> mâle </tusx> <stuzex> 28 </stuage> </tuinfo> Stusex> <Stusex> <Stuinfo> <Stuname> Jiang Lin </numeame> <Stusex> Femme </SUSEX> <STUSEX> FEMME </ Stusex> <Stusex> 23 </ Stuage> <Stuage> 22 </SUAGE> </SUINFO> </SILANT>
Code de page ASPX:
<% @ Page linguistique = "C #" autoeventwireup = "true" codeBehind = "Obtenez des données de base de données pour générer des données de base de données xml.aspx.cs" hérités = "Chapter1.get" - // w3c // dtd xhtml 1.0 transitional // en " "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"><html xmlns =" http://www.w3.org/1999/xhtml "> <head runat =" Server "> <Title> </tape> loadXmlDoc (dname) {if (window.xmlhttprequest) {xhttp = new xmlhttprequest (); } else {xhttp = new activeXObject ("Microsoft.xmlhttp"); } xhttp.open ("get", dname, false); xhttp.send (""); return xhttp.Responsexml; } fonction readxml () {var xmlDoc = loadXMLDoc ("Student.xml"); // Obtenez le nœud spécifié var divmsg = document.getElementyId ("xmlmsg"); var msg = "<table border = '1' id = 'mytable'> <tr> <th> name </ th> <th> genre </th> <th> Âge </th> <tr>"; var nœuds = xmldoc.getElementsByTagName ("stuinfo"); pour (var i = 0; i <nœuds.length; i ++) {msg + = "<tr>"; msg + = "<td>" + nœuds [i] .getElementsByTagName ("Stuname") [0] .FirstChild.Nodevalue + "</td>"; msg + = "<td>" + nœuds [i] .getElementsByTagName ("Stusex") [0] .FirstChild.Nodevalue + "</td>"; msg + = "<td>" + nœuds [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 ()" /> </ form> </ body> </html>L'opération JS ci-dessus évite principalement l'utilisation de childnodes (parce que les nœuds d'enfants [0] apparaissent parfois dans Firefox et obtiennent "/ n" au lieu du premier nœud enfant que nous voulons. Vous pouvez l'essayer moi-même, mais j'ai rencontré cette situation de toute façon), ce qui le rend compatible avec IE et Firefox. Je n'ai pas essayé d'autres navigateurs.
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 Techniques "," Résumé des erreurs JavaScript et des compétences de débogage "," Résumé des structures de données JavaScript et des compétences en algorithmes "," Résumé des algorithmes et techniques de traverse JavaScript "et" Résumé de l'utilisation des opérations mathématiques JavaScript ""
J'espère que cet article sera utile à la programmation JavaScript de tous.