我想检索XML数据在HTML中的表格格式.我试图使用aerogram,但数据不来.这里可能是什么问题,任何人都可以帮助我.我新aerogram.随时告诉我的代码中有什么错误.下面是我想要喜欢这个图片
$(document).ready(function() {
$(window).load(function () {
$.ajax({
type: 'GET',
url: '2.xml',
dataType: 'xml',
success: function myFunction(xml) {
var i;
var xmlDoc = xml.responseXML;
var table="<tr><th>Artist</th><th>Title</th></tr>";
var x = xmlDoc.getElementsByTagName("Row");
for (i = 0; i <x.length; i++) {
table += "<tr><td>" +
x[i].getElementsByTagName("Process")[0].childNodes[0].nodeValue +
"</td><td>" +
x[i].getElementsByTagName("Product")[0].childNodes[0].nodeValue +
"</td></tr>" +
x[i].getElementsByTagName("Operation")[0].childNodes[0].nodeValue +
"</td></tr>" +
x[i].getElementsByTagName("Description")[0].childNodes[0].nodeValue +
"</td></tr>" +
x[i].getElementsByTagName("Batch")[0].childNodes[0].nodeValue +
"</td></tr>" +
x[i].getElementsByTagName("QTY")[0].childNodes[0].nodeValue +
"</td></tr>" +
x[i].getElementsByTagName("PlannedSchedule")[0].childNodes[0].nodeValue +
"</td></tr>" +
x[i].getElementsByTagName("ActualSchedule")[0].childNodes[0].nodeValue +
"</td></tr>" +
x[i].getElementsByTagName("Status")[0].childNodes[0].nodeValue +
"</td></tr>";
}
document.getElementById("demo").innerHTML = table;
}
});
});
});
个字符
XML:
<Rowsets>
<Rowset>
<Row>
<Process>70787863</Process>
<Product>600033</Product>
<Operation>Operation goes here</Operation>
<Description>Operation description goes here</Description>
<Batch>259</Batch>
<QTY>999</QTY>
</Row>
<Row>
<Process>707863</Process>
<Product>6033</Product>
<Operation>Operation goes here</Operation>
<Description>Operation description goes here</Description>
<Batch>249</Batch>
<QTY>99</QTY>
</Row>
</Rowset>
</Rowsets>
型
4条答案
按热度按时间nx7onnlm1#
我认为你的代码的问题是你在xmlDoc中没有定义。
你可以通过下面的代码来实现。
HTML
字符串
JS
型
fumotvh32#
你真的应该看看JQuery数据表,我一直用它们来填充Ajax数据表。
JQuery Datatables
pepwfjgg3#
字符串
zbdgwd5y4#
显然,您的AJAX请求已成功发送,并且您成功接收到以下XML作为响应:
字符串
你想把它转换成HTML。所以,我将使用这个XML作为我的出发点,并把它转换成正确的HTML结构:
型
请注意,我假设标签在单独的行中,就像在您的示例中一样。如果我们可以依赖这个假设,解决方案就可以工作。