javascript - getJSON 返回未定义

Question

我正在尝试在项目网站上创建自动新闻提要，其中所有帖子都放入 JSON 文件中，然后在新闻页面上进行相应的格式化。我终于弄清楚了如何让 json 解析器显示一些东西，但这些东西只是整个页面上一堆“未定义”的位。我做错了什么？

jquery/html 片段

<script>    
    $.getJSON("js/news.json", function (data) {
        $.each(data.posts, function (val) {
                var title = val.title;
                var date = val.date;
                var content = val.content;
                $("#newscontainer").append('<div><h1>' + title + '</h1><h2>' + date +     '</h2><p>' + content + '</p></div>');
        });
    });
</script>
<div id='newscontainer'> 
</div>

JSON 片段

{
"posts": [
    {
        "title": "title1",
        "date": "8302014",
        "content": "LotsoftextLotsoftext"
    },
    {
        "title": "title2",
        "date": "8312014",
        "content": "CopiousquantitiesoftextCopiousquantitiesoftext"
    },
    {
        "title": "title3",
        "date": "8322014",
        "content": "onlyalittletext"
    }
]
}

Answer 1

代码中的

val 是 index，您应该使用回调的第二个参数。

$.each(data.posts, function (index, val) {

您还可以使用 this 关键字。