我想迭代 XML 文件并在 HTML 網(wǎng)頁(yè)上顯示字段中的數(shù)據(jù)。目前，我的代碼僅顯示 XML 文件中的第一個(gè)條目。這是我當(dāng)前的 HTML/JS 代碼，它顯示 XML 文件中的第一個(gè)條目。這是一個(gè) html 文件：<script>displayCD(0);function displayCD(i) { var xmlhttp = new XMLHttpRequest(); xmlhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { myFunction(this, i); } }; xmlhttp.open("GET", "data.xml", true); xmlhttp.send();}function myFunction(xml, i) { var xmlDoc = xml.responseXML; x = xmlDoc.getElementsByTagName("contact"); document.getElementById("showCD").innerHTML = "Name: " + x[i].getElementsByTagName("name")[0].childNodes[0].nodeValue + "<br>Email: " + x[i].getElementsByTagName("email")[0].childNodes[0].nodeValue + "<br>Phone: " + x[i].getElementsByTagName("phone")[0].childNodes[0].nodeValue;}</script><div id='showCD'></div><br>這是我的 XML 代碼，位于單獨(dú)的文件 data.xml 中：<?xml version="1.0" encoding="UTF-8"?><entries> <contact> <name>a</name> <email>b</email> <phone>1234</phone> </contact> <contact> <name>c</name> <email>d</email> <phone>5678</phone> </contact></entries>電流輸出：名稱(chēng)： 一個(gè)電子郵件：b電話(huà)：1234預(yù)期輸出：名稱(chēng)： 一個(gè)電子郵件：b電話(huà)：1234姓名：c電子郵件：d電話(huà)：5678
1 回答
梵蒂岡之花
TA貢獻(xiàn)1900條經(jīng)驗(yàn) 獲得超5個(gè)贊
你只需要循環(huán)x（它代表所有<contact>標(biāo)簽：
x = xmlDoc.getElementsByTagName("contact");
for (count = 0; count < x.length; count++) {
document.getElementById("showCD").innerHTML +=
"Name: " +
x[count].getElementsByTagName("name")[0].childNodes[0].nodeValue +
"<br>Email: " +
x[count].getElementsByTagName("email")[0].childNodes[0].nodeValue +
"<br>Phone: " +
x[count].getElementsByTagName("phone")[0].childNodes[0].nodeValue;
}
PS 正如有人在評(píng)論中提到的，使用 XSLT 可能是完成此任務(wù)的一種更簡(jiǎn)潔的方法，盡管如果您以前沒(méi)有使用過(guò)它，會(huì)有一些學(xué)習(xí)曲線(xiàn)。
- 1 回答
- 0 關(guān)注
- 156 瀏覽
添加回答
舉報(bào)
0/150
提交
取消