Question

我想使用以下JSON并使用jQuery将其输出到名为“#updateArea”的<div>，我似乎无法弄清楚我的代码有什么问题，所以任何事情都有帮助。

我的JSON：

{
    "entry": [
        {
            "heading":"About us",
            "paragraph": "Some Text",
            "paragraph2": "Some Text"
        }
    ]
}

我的jQuery：

function JSON(){
    $.getJSON('about.json', function(data) {
        $.each(data.entry, function(i,entry) {
            var html = '<h1>' + entry.heading + '</h1>';
            html += '<div>' + entry.paragraph + '</div>';
            html += '<div>' + entry.paragraph2 + '</div>';
            $('#updateArea').append(html);
        });
    });
}

提前致谢！

Answer 1

请改用此代码：

function JSON(){
    $.getJSON('about.json', function(data) {
        $.each(data.entry, function(i, entry) {
            var html = '<h1>' + entry.heading + '</h1>';
            html += '<div>' + entry.paragraph + '</div>';
            html += '<div>' + entry.paragraph2 + '</div>';
            $('#updateArea').append(html);
        });
    });
}

您需要循环浏览data.entry，而不仅仅是data。

如何使用jQuery读取和处理JSON

1 个答案: