json - 访问使用 $.getJSON 加载的 json 数据的语法

Question

我在按钮上有一些非常简单的代码来加载一些 json，这是我要访问的 json 中的数据：-

function loadJson(){
    var json = $.getJSON("samplejson.js");
    document.getElementById('header2').innerHTML = json;
}

samplejson.js 的内容是：-

人= {“姓名”：“尼古拉斯”，“年龄”：“22”，“活着”：真实，“性别”：“男性”，“权力”：“1”}

单击运行该函数的按钮会将 [object Object] 返回到 innerHTML。我知道在这种情况下， json 是一个对象，所以这是意料之中的。

例如，如果我想将 innerHTML 更改为“Nicholas”，我需要语法。json.person.name 不起作用。json[0].name 和 json.person[0].name 都没有。我尝试了其他一些变体，但没有一个成功。

score 1 · Accepted Answer

$.getJSON返回一个 jQuery 异步请求对象，而不是 ajax 调用的结果。如果要从 ajax 获取数据，需要在回调中使用。

$.getJSON("samplejson.js").done(function (json) {
    $("#header2").html(json);
});

1 回答 1