javascript - 无法使用带有 for 循环的 jquery 读取 json 数据

Question

我有一个数据对象，里面有带有 json 数据的数据对象。这是看起来的样子。文件名是data.js

var data = 
[
{
    title: 'this is title one',
    commit: 'this is commit'
},
{
    title: 'this is title two',
    commit: 'this is commit'
},
{
    title: 'this is title three',
    commit: 'this is commit'
},
{
    title: 'this is title four',
    commit: 'this is commit'
},
{
    title: 'this is title five',
    commit: 'this is commit'
},
{
    title: 'this is title six',
    commit: 'this is commit'
},
{
    title: 'this is title seven',
    commit: 'this is commit'
}
]

这是我的代码

for (var i = 0; i < data.length; i++) { 
                $(container).load(view, function () {
                    console.log(data[i].title);
                    li.append('<img src="../images/profile.png" alt="Profile photo" />');
                    li.append('<span class="commit">' + data[i].title + '</span>');
                    li.append('<p><a href="#" class="comment">' + data.commit + '</a></p>');
                    li.append('<section class="clear"></section>');
                    $('#home ul').append(li);
                });
            }

现在我在控制台中收到此错误

Cannot read property 'title' of undefined

上面的错误在这一行

li.append('<span class="commit">' + data[i].title + '</span>');

如何解决这个问题？

Answer 1

好吧，data.js 并不是真正的 json。

首先从 load() 切换到 getJSON()

$.getJSON(view, function(data) { })

接下来删除该行

var data =

只要有json内容。jQuery 会将 JSON 分配给参数数据。

Answer 2

您的 json 数组包含错误。

您可以在此处验证您的 json http://json.parser.online.fr/

必须是这样：

{
"title": ["this is title one", "this is title two", "this is title three", "this is title four", "this is title five", "this is title six", "this is title seven" ]
,
"commit": [ "this is commit", "this is commit", "this is commit", "this is commit", "this is commit", "this is commit", "this is commit" ]
}