我一直在学习,我想我终于在这个小小的"项目"的末尾一直在努力!我看过一些类似的主题,但不能完全根据我的需要调整代码!
我有一个正确显示的JSON输出,我想搜索它以获取特定值,并且只粘贴了这些结果。
我有以下JavaScript,将XML数据粘贴到表中。
javascript
var html = '<table id="myTable"><thead><tr><th>Entry</th>';
for ( row = 0; row < jsondata.rowCount; row++ )
{
html += "<tr><td>" + (row+1) + "</td>";
for ( column = 0; column < jsondata.columnCount; column++ )
{
if((jsondata.xmlData [ row ] [ column ]) == "Ninja")
{
html += "<td>" + jsondata.xmlData [ row ] [ column ] + "</td>"
}
alert(jsondata.xmlData [ row ] [ column ]); //Added in edit - "undefined"
}
html += "</tbody></table>";
$("#tablearea").html(html);
}
编辑:JSON
"xmlData" : [ [ "Ninja", "Blue"], [ "Car", "Red"] ]
如果我排除了if语句,它将全部粘贴,但是(使用警报测试时) undefined
。
编辑(更简洁):
我相信您的问题是您的Rowcount成员与您的实际行数不匹配。您可以使用数组的.length属性,或(在给定的对象中),可以执行以下...
var jsondata = {
rowCount: 3,
columnCount: 2,
xmlData: [["Ninja", "Blue"], ["Car", "Red"]]
};
var html = '<table id="myTable">' +
'<thead>' +
'<tr><th>Entry</th><tr>';
html += "<tbody>";
for (row = 0; row < jsondata.rowCount; row++) {
var showRow = false;
var tempHtml = "<tr>";
for (column = 0; column < jsondata.columnCount; column++) {
if (jsondata.xmlData[row]) {
tempHtml += "<td>" + jsondata.xmlData[row][column] + "</td>";
showRow = (jsondata.xmlData[row][column] == "Ninja") || showRow;
}
}
tempHtml += "</tr>";
if (showRow) {
html += tempHtml;
}
}
html += "</tbody></table>";
$("#tablearea").html(html);
看来您的rowcount和/或columcount与数组的实际长度不匹配(也许只是切换)。
无论如何,我建议您检索直接检查它们的阵列的长度
var html = '<table id="myTable"><thead><tr><th>Entry</th>';
for ( row = 0; row < jsondata.xmlData.length; row++ )
{
html += "<tr><td>" + (row+1) + "</td>";
for ( column = 0; column < jsondata.xmlData[row].length; column++ )
{
if((jsondata.xmlData [ row ] [ column ]) == "Ninja")
{
html += "<td>" + jsondata.xmlData [ row ] [ column ] + "</td>"
}
}
html += "</tbody></table>";
$("#tablearea").html(html);
}