getJSON对象的responseJSON未定义?

时间:2015-11-16 01:37:04

标签: javascript request response

鉴于以下内容:

$(function() {
    function getTopMod(e) {
        var requesturl = '/r/lol/about/moderators.json';
        console.log(requesturl);
        var response = $.getJSON(requesturl);
        console.log(response);
        var responsedata = response.responseJSON;
        console.log(responsedata);
        var mods = responsedata.data.children;
        try {
            var topmod = mods[0].name;
            var url = document.location.origin + "/user/" + topmod;
        } catch(err) {
            var url = document.location.origin + requesturl;
        }
        console.log(url);
        //return false;
    }
    $(document).on("click", 'li.view-top-mod a', getTopMod)
});

请求网址已正确记录;响应也是如此。但是当尝试记录responsedata时,它是未定义的(因此,由于没有数据属性,因此会在下一行引发错误)。但是,如果我在浏览器控制台中手动键入这些行:

var foo = $.getJSON('/r/lol/about/moderators.json');
var biz = foo.responseJSON;
biz

返回responseJSON对象(如果这是正确的术语)?我将如何解决错误?

2 个答案:

答案 0 :(得分:5)

$.getJSON是异步的。这意味着,你告诉它取东西,然后它会提供一些时间。如果在控制台中执行此操作,则在请求结果之前,它有足够的时间来运行差事。如果你按照你的方式在代码中执行它,你要求它获取数据,然后立即请求数据;但是你要问的是空气稀薄,因为JSON吸气剂仍然在差事上。你需要让它告诉你什么时候完成:

$.getJSON(requesturl, function(response) {
  // everything your code had after `$.getJSON` goes in here.
});

答案 1 :(得分:3)

var jqXHR = $.getJson('some url');
jqXHR.complete(function(response) {
  console.log(response);
});

$.getJson('some url', function(response) {
  console.log(response);
});

http://api.jquery.com/jquery.getjson/