Question

我对此疯狂。 doenst似乎在紧跟一个教程之后工作。

你能看看我的代码吗？我只想在JSON元素

上打印<ul>数据

我的索引页

...
<body>
  <ul>
  </ul>
<div id="foo">
    <script language="javascript" type="text/javascript" src="js/jquery.js"></script>
    <script language="javascript" type="text/javascript" src="js/custom.js"></script>
</div>
</body>
...

我的custom.js

$(document).ready (function () {
    $.getJSON("json_data.json", function(data) {
        $.each(data.emp, function() {
            $("ul").append("<li>test:" + this['name'] + "</li><li>" + this['last'] + "</li>");
        });
    });
});

我的json_data.json

{
    "emp": [
        { "name" : "bob", "last": "marley" },
        { "name" : "kurt", "last": "cobain" }
    ]
}

我在这里失踪了什么？检查我的chrome开发人员工具＆gt;网络我获得jquery.js和custom.js 304未修改

的状态

我不知道这是否会影响我获取JSON的原因。

Answer 1

请检查评论中提供的小提琴。

var jsonString = {"emp": [{ "name": "bob", "last": "marley" },{ "name": "kurt", "last": "cobain" }]};

    $.each(jsonString.emp, function (key, value) {
        alert(jsonString.emp[key]["name"] + jsonString.emp[key]["last"]);
         $("ul").append("<li>" + jsonString.emp[key]["name"] + " " + jsonString.emp[key]["last"] + "</li>");
        console.log(key, value);

    });

似乎你需要关键和价值。键是索引，值是对象的值。我希望它适合你。

通过getJSON获取简单JSON数据的问题

1 个答案: