Javascript 将JSON对象值显示到表中

在我的Json数组格式中，我尝试在html表中显示locTable中的值

"categoryName": [
"Construction",
"Emergency Response",
"Equipment",
"General",
"General Safety",
"Marine",
"Materials",
"Products",
"Protection of Workers",
"Transport",
"Workplace"
],
"locTable": [
{
  "evaluationPercent": 100,
  "relevancePercent": 100,
  "category": "Workplace",
  "ldloc": []
},
{
  "evaluationPercent": 100,
  "relevancePercent": 100,
  "category": "Workplace",
  "ldloc": []
},
{
  "evaluationPercent": 100,
  "relevancePercent": 100,
  "category": "Workplace",
  "ldloc": []
},

我的html代码

 <table  class="red" style="width: 100%; height: 100%;">
 <thead>
 <tr>
 <th>Category</th>
 <th class="right">Rele Completed</th>
 <th class="right">Eval Completed</th>
 </tr>
 </thead>
 <tbody id="display" class="no-border-x">
 </tbody>
 </table>

类别
重新发布完成
评估完成

我尝试使用jQuery迭代Json对象，但无法获得正确的显示值，代码结果显示未定义。我尝试获取结果的代码

 var trHTML = '';
 jQuery.each(json.locTable, function (k, item) {                   
 trHTML += '<tr><td>' + item.category + '</td><td>'       
 +item.evaluationPercent + '</td><td>' +item.relevancePercent +
 '</td></tr>';
 });
 jQuery('#display').append(trHTML);

var-trHTML=''；
each（json.locTable，函数（k，item）{
trHTML+=''+item.category+''
+item.evaluationPercent+“”+item.relevancePercent+
'';
});
jQuery（'#display'）.append（trHTML）；

我不知道您是否没有发布完整的JSON，但就目前情况而言，它是无效的。这是有效的：

var json = {
  "categoryName": [
    "Construction",
    "Emergency Response",
    "Equipment",
    "General",
    "General Safety",
    "Marine",
    "Materials",
    "Products",
    "Protection of Workers",
    "Transport",
    "Workplace"
  ],
  "locTable": [{
    "evaluationPercent": 100,
    "relevancePercent": 100,
    "category": "Workplace",
    "ldloc": []
  }, {
    "evaluationPercent": 100,
    "relevancePercent": 100,
    "category": "Workplace",
    "ldloc": []
  }, {
    "evaluationPercent": 100,
    "relevancePercent": 100,
    "category": "Workplace",
    "ldloc": []
  }]
};

---

它是有效的，请参阅：

我不知道您是否发布了整个JSON，但就目前的情况来看，它是无效的。这是有效的：

var json = {
  "categoryName": [
    "Construction",
    "Emergency Response",
    "Equipment",
    "General",
    "General Safety",
    "Marine",
    "Materials",
    "Products",
    "Protection of Workers",
    "Transport",
    "Workplace"
  ],
  "locTable": [{
    "evaluationPercent": 100,
    "relevancePercent": 100,
    "category": "Workplace",
    "ldloc": []
  }, {
    "evaluationPercent": 100,
    "relevancePercent": 100,
    "category": "Workplace",
    "ldloc": []
  }, {
    "evaluationPercent": 100,
    "relevancePercent": 100,
    "category": "Workplace",
    "ldloc": []
  }]
};

---

而且它是有效的，请参见：

乍一看，我认为xml格式存在问题

有几个帖子可以回答您的问题，如下所示：

---

乍一看，我认为xml格式存在问题

有几个帖子可以回答您的问题，如下所示：

var json={
“locTable”：[{
“评估百分比”：80，
“关联度”：100，
“类别”：“工作场所”，
“ldloc”：[]
}, {
“评估百分比”：90，
“关联度”：70，
“类别”：“工作场所”，
“ldloc”：[]
}, {
“评估百分比”：100，
“关联度”：40，
“类别”：“工作场所”，
“ldloc”：[]
}]
};
jQuery（“#display”）.append（$.map（json.locTable，函数（记录）{
返回“”+record.category+“”+record.evaluationPercent+“”+record.relevancePercent+“”；
}));

类别
重新发布完成
评估完成

var json={
“locTable”：[{
“评估百分比”：80，
“关联度”：100，
“类别”：“工作场所”，
“ldloc”：[]
}, {
“评估百分比”：90，
“关联度”：70，
“类别”：“工作场所”，
“ldloc”：[]
}, {
“评估百分比”：100，
“关联度”：40，
“类别”：“工作场所”，
“ldloc”：[]
}]
};
jQuery（“#display”）.append（$.map（json.locTable，函数（记录）{
返回“”+record.category+“”+record.evaluationPercent+“”+record.relevancePercent+“”；
}));

类别
重新发布完成
评估完成