Artikel ini menjelaskan bagaimana JS membaca data file XML dan menampilkan data dalam bentuk tabel. Bagikan untuk referensi Anda, sebagai berikut:
Mari kita lihat file XML terlebih dahulu:
<?xml version="1.0" standalone="yes"?><student> <stuinfo> <stuName>Zhang Qiuli</stuName> <stuSex>Female</stuSex> <stuAge>18</stuAge> </stuinfo> <stuinfo> <stuName>Li Wencai</stuName> <stuSex>Male</stuSex> <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> wanita </stusex> <suage> 22 </stuage> </stuinfo> </student>
Kode Halaman ASPX:
< %@ Page language = "c#" autoeventWireUp = "true" codebehind = "Dapatkan data database untuk menghasilkan data xml.aspx.cs" warisan = "bab1. "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"><html xmlns =" http://www.w3.org/1999/xhtml "> <head runat =" server> <"server> </function> </lript </xhtml"> <head runat = "server"> <"server> <" titer> </lripe </xhtml "> <head runat =" server "" server "> <" server> <"server> </xhtml"> <head runat = "server"> <"server> <" server> </lck = </xhtml "> <head runat =" server "" server "> <" server> <"titEps =" "server" "server"> <"judul> <" server "" 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"); // Dapatkan simpul yang ditentukan var divmsg = document.getElementById ("xmlmsg"); var msg = "<tabel border = '1' id = 'mytable'> <tr> <th> name </th> <th> gender </th> <th> usia </th> <tr>"; var node = xmldoc.getElementsbyTagname ("stuinfo"); untuk (var i = 0; i <nodes.length; i ++) {msg+= "<tr>"; msg + = "<td>" + node [i] .geteLementsByTagname ("stuname") [0] .firstchild.nodevalue + "</td>"; msg + = "<td>" + node [i] .geteLementsByTagname ("stusex") [0] .firstchild.nodevalue + "</td>"; msg + = "<td>" + node [i] .geteLementsByTagname ("stuage") [0] .firstchild.nodevalue + "</td>"; msg += "</tr>"; } msg += "</boable>"; divmsg.innerhtml = msg; } </script> </head> <body> <Form ID = "form1" runat = "server"> <Div> <input type = "Tombol" value = "js baca xml" ontClick = "readxml ()"/> <Br/> </Div ID = "xmlmsg"> </div> </div> </form> </body> </body> </div> </div> </form> </body> </body> </div> </div> </form> </body> </body> </div> </div> </form> </body> </body>Operasi JS di atas terutama menghindari penggunaan anak -anak (karena anak -anak [0] kadang -kadang muncul di Firefox dan mendapatkan "/n" alih -alih simpul anak pertama yang kami inginkan. Anda dapat mencobanya sendiri, tetapi saya tetap menemukan situasi ini), membuatnya kompatibel dengan IE dan Firefox. Saya belum mencoba browser lain.
Untuk informasi lebih lanjut tentang JavaScript, silakan periksa topik khusus situs ini: "Ringkasan Keterampilan File XML Operasi Javascript", "Ringkasan Keterampilan Operasi Ajax di JavaScript", "Ringkasan Keterampilan Operasi JSON dalam JavaScript", Ringkasan Efek Javascript, "Ringkasan Pencarian Javascript" Ringkasan Javascript Pencarian Javascript "Ringkasan Javascript Alli Pencarian Javascript" Ringkasan Javascript Teknik "," Ringkasan Kesalahan Javascript dan Keterampilan Debugging "," Ringkasan Struktur Data Javascript dan Keterampilan Algoritma "," Ringkasan Algoritma dan Teknik Traversal JavaScript "dan" Ringkasan Penggunaan Operasi Matematika JavaScript ""
Saya harap artikel ini akan membantu pemrograman JavaScript semua orang.