以下是我从 html 页面中的 api 获取的示例 json 数据，
[{
"id": 1,
"name": "rele",
"location": "bedroom",
"posts": [
{
"id": 2,
"description": "hi"
}
]
}]
下面是jquery，
<script type = "text/javascript" >
$(document).ready(function() {
$("#message").click(function(event){
$.getJSON('http://localhost:8080/jpa/device', function(jd) {
$('.tblForm #result').html('<p> ID: ' + jd.posts.id + '</p>');
$('.tblForm #result').append('<p>Description : ' + jd.posts.description+ '</p>');
});
});
});
</script>
我可以获取name和location价值，但不能posts.description。
我收到错误消息：“'description'找不到属性或字段”
您的“帖子”变量是一个列表，因此您最好通过替换以下代码对其进行循环：
$('.tblForm #result').append('<p>Description : ' + jd.posts.description+ '</p>');
通过这个：
$.each(jd.posts, function(index, post){
$('.tblForm #result').append('<p>Description : ' + post.description+'</p>');
});
在这里，我使用了一个索引变量，它可能对您无用，只是为了让您知道它存在，例如，如果您想在代码中添加奇数或偶数 css 属性。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句