在html表中显示json数组
在html表中显示json数组
提问于 2018-06-07 04:05:58
我尝试在HTML中显示一个JSON数组，我得到的响应是
[
{
"New upto 3 Yrs": 40.0,
"Above 3 yr to 9 yrs": 35.0,
"Above 9 yrs upto 12 yrs": 30.0
}
]在这里，我得到了未定义的值。(请参阅快照
)如何在HTML中将这种JSON显示为html表？
下面是我的脚本：
success: function (data) {
if (objMotorUnderwritingList.ddlVehicleType == "TW$") {
// alert("hi TW$");
if (data.jsDiscoundGridList != 0) {
var eachrow = "<tr>"
+ "<td>" + data.jsDiscoundGridList[0]["New upto 3 Yrs"] + "</td>"
+ "<td>" + data.jsDiscoundGridList[0]["Above 3 yr to 9 yrs"] + "</td>"
+ "<td>" + data.jsDiscoundGridList[0]["Above 9 yrs upto 12 yrs"] + "</td>"
+ "</tr>";
$('.tbody').html(eachrow);
}
else {
ShowAlert("Something Wrong in TW");
}
}}回答 1
Stack Overflow用户
发布于 2018-06-07 04:14:02
你的属性名中有额外的空格，如果你改变它，你可以很好地访问这些属性：
你的代码：
let data = {
jsDiscoundGridList: [{
"New upto 3 Yrs": 40.0,
"Above 3 yr to 9 yrs": 35.0,
"Above 9 yrs upto 12 yrs": 30.0
}]
};
console.log(data.jsDiscoundGridList[0]["New upto 3 Yrs"]); // undefined
// ^
使用正确的间距：
let data = {
jsDiscoundGridList: [{
"New upto 3 Yrs": 40.0,
"Above 3 yr to 9 yrs": 35.0,
"Above 9 yrs upto 12 yrs": 30.0
}]
};
console.log(data.jsDiscoundGridList[0]["New upto 3 Yrs"]); // 40
// ^^
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50728693
复制相关文章
相似问题