Question

以下是我从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'”

Answer 1

您的“帖子”变量是一个列表，因此最好通过替换以下代码对其进行循环：

$('.tblForm #result').append('<p>Description : ' + jd.posts.description+ '</p>');

通过这个：

$.each(jd.posts, function(index, post){
    $('.tblForm #result').append('<p>Description : ' + post.description+'</p>');
});

在这里，我使用了一个索引var，如果您想向代码中添加奇数甚至css属性，可能只是为了让您知道它的存在而对您没有用。

从网址获取json并显示在html页面中

1 个答案: