В этой статье описывается, как JS читает данные файла XML и отображает данные в форме таблицы. Поделитесь этим для вашей ссылки, следующим образом:
Сначала посмотрим на файл XML:
<? xml version = "1.0" STANTALONE = "Да"?> <Tldent> <stuinfo> <stuname> Zhang Qiuli </Stuname> <stusex> женщина </stusex> <stuage> 18 </stuage> </stuinfo> <stuinfo> <stuname> li wencai </stuname> marex> <struse> <struse> <struse> <struse> <struse> <strise> <struse> <struse> <stuinfo> <stuname> <stusex> 31 </stuage> </stuinfo> <stuinfo> <stuname> li siwen </Stuname> <stusex> Мужчина </stusex> <stusex> 22 </stuage> </stuinfo> <stuinfo> <stusex> </stuage> <stusex> </stusex> </stusex> <stuusex> <stuusex> </stuusex> </stusex> </stuusex> </stusex> </stusex> </stusex> </stusex> </stuSex> </stuSex> </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> wome </stusex> <stusex> wome </stusex> <stusex> 23 </stuage> </stuinfo> <stuinfo> <stusex> xiaoxiao </stuname> <stusex> <stusex> <stusex> <stusex> <stusex> <stusex> <stusex> <stusex> <stusex> <stusex> <stusex> <stusex> <stusex> <stusex> <stusex> женщина </stusex> <stuage> 22 </stuage> </stuinfo> </Student>
Код страницы ASPX:
< %@ Page language = "c#" autoeventwireup = "true" codebehind = "Получить данные базы данных для генерации xml.aspx.cs" nehrits = "Глава 1. Главный данные базы данных для генерации xml" %> <! Doctype html public " "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"><html xmlns =" http://www.w3.org/1999/xhtml "> <sead runat =" Сервер? loadxmldoc (dname) {if (window.xmlhttprequest) {xhttp = new xmlhttprequest (); } else {xhttp = new ActivexObject ("microsoft.xmlhttp"); } xhttp.open ("get", dname, false); xhttp.send ("" "); вернуть xhttp.responsexml; } функция readxml () {var xmldoc = loadxmldoc ("study.xml"); // Получить указанный узел var divmsg = document.getelementbyid ("xmlmsg"); var msg = "<table border = '1' id = 'mytable'> <tr> <th> name </th> <t> Пол </th> <Th> возраст </th> <tr>"; var nodes = xmldoc.getelementsbytagname ("stuinfo"); for (var i = 0; i <nodes.length; i ++) {msg+= "<tr>"; msg + = "<td>" + узлы [i] .getelementsbytagname ("Stuname") [0] .firstchild.nodevalue + "</td>"; msg + = "<td>" + узлы [i] .getElementsbytagname ("stusex") [0] .firstchild.nodevalue + "</td>"; msg + = "<td>" + узлы [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> </> </body> </html> </div> </div> </> </body> </html>Вышеупомянутая операция JS в основном избегает использования детей (потому что дети [0] иногда появляются в Firefox и получают «/n» вместо первого детского узла, который мы хотим. Вы можете попробовать это сам, но я все равно столкнулся с этой ситуацией), делая ее совместимым с IE и Firefox. Я не пробовал другие браузеры.
Для получения дополнительной информации о JavaScript, пожалуйста, проверьте специальные темы этого сайта: «Сводка операционных навыков файлов XML JavaScript», «Сводка навыков операции AJAX в JavaScript», «Сводка операционных навыков JSON в Javascript», «Суммарные эффекты выключения JavaScript и техники», «Speck -Specript Search of -эффекты» и «Средства для поисков Javascript», «Speck -of -эффекты» и «Средства» и «Средства для поиска джоризации» и «Средства для поиска джоризации» и «Средства для поиска джоризации» и «Средства для поиска джоризации» и «Speck -Sepecript» и «Speck -Secips of -эффекты Методы "," Сводка ошибок JavaScript и навыков отладки ",« Сводка структур данных JavaScript и навыков алгоритма »,« Сводка алгоритмов и методов обхода JavaScript »и« Сводка математических операций JavaScript ».
Я надеюсь, что эта статья будет полезна для каждого программирования JavaScript.