Question

我有一个类似以下的XML文件。

<term>
<category>General</category>
<english>Addiction</english>
</term>

<term>
<category>General</category>
<english>Blood pressure</english>
</term>

我写了一个包含两个循环的javascript程序。旨在读取XML并将XML加载到DataTable中。第一个循环用于存储表列的数据，第二个循环用于加载数据并写入HTML文件。

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
  readTerm(this);
}
};
xhttp.open("GET", "data.xml", true);
xhttp.send();    

function readTerm(xml) {
var numberOfTerms = xmlDoc.getElementsByTagName("term").length;
var category = [];
var english = [];
var tableContent = ' ';

for(var i = 0; i < numberOfTerms; i++) {
    category.push(xmlDoc.getElementsByTagName("category")[i].childNodes[0].nodeValue);
    english.push(xmlDoc.getElementsByTagName("english")[i].childNodes[0].nodeValue);
}

for(var i = 0; i < numberOfTerms; i++) {
  tableContent += "<tr><td>"+category[i]+"</td><td>"+english[i]+"</td></tr>";
}

document.getElementById("termData").innerHTML = tableContent;
}

我按以下顺序嵌入了以下链接。

http://cdn.datatables.net/1.10.10/css/jquery.dataTables.min.css

https://cdn.datatables.net/responsive/2.0.0/css/responsive.dataTables.min.css
https://cdn.datatables.net/responsive/2.0.0/js/dataTables.responsive.min.jss
http://code.jquery.com/jquery-2.1.1.min.js
http://cdn.datatables.net/1.10.10/js/jquery.dataTables.min.js
http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.js

但是，我可以看到表输出，但我无法读取DataTable.js设置的条目数。使用Javascript将XML读入HTML或我的方法是错误的是一个好习惯吗？

如何使用Javascript将XML加载到DataTable中？

0 个答案: