Javascript 如何使用jQuery读取和处理JSON

我想使用jQuery获取以下JSON并将其输出到一个名为“#updateArea”的

，但我似乎无法找出我的代码有什么问题，所以一切都有帮助

我的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);
        });
    });
}

函数JSON（）{ $.getJSON（'about.json'，函数（数据）{ $.each（data.entry，function（i，entry）{ var html=''+entry.heading+''； html+=''+条目.段落+''； html+=''+entry.paragraph2+''； $（'#updateArea'）。附加（html）； }); }); } 提前谢谢

改用此代码：

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);
        });
    });
}

函数JSON（）{ $.getJSON（'about.json'，函数（数据）{ $.each（data.entry，function（i，entry）{ var html=''+entry.heading+''； html+=''+条目.段落+''； html+=''+entry.paragraph2+''； $（'#updateArea'）。附加（html）； }); }); }

---

您需要循环查看

数据。条目

，而不仅仅是

数据

是否需要在url（即“/about.json”）前加斜杠？在任何情况下，您都需要将

数据

更改为

数据。在
每个
函数的第一个参数中输入

，以便可以将其传递到数组中。此外，如果您的代码中有拼写错误，

段落

被拼写为

段落

。