使用JSONP获取jQuery getJSON请求的jqXhr.responseText

Question

我正在编写一个诊断站点来测试我们的服务器方法.
我希望看到的一件事是HTTP状态代码,以及返回的实际有效负载.

当我使用$ .ajax发出CORS请求时,我可以看到jqXhr.responseText来查看有效负载,但是当我使用$ .getJSON来发出JSONP请求时,jqXhr.responseText是未定义的.

有没有办法在使用$ .getJSON和jsonp时看到HTTP有效负载？

function callJavascript(url, callback) {
    var closedData;
    var jqXhr = $.getJSON(url, function (data) {
        closedData = data;
    })
    .success(function() {
        $('#statusCode').text(jqXhr.status); //200
        $('#statusText').text(jqXhr.statusText); //success
        //this is undefined
        $('#responseText').text(jqXhr.responseText); 
        callback(closedData);
    });
};


function someCall()
{
    var callback = function(data) {
        //snip... will pop UI with json object returned
    };
    callJavascript('http://myurl?callback=?', callback);
};

Answer 1

我建议使用.done而不是.success因为弃用.

在.success回调(或.done)中有三个参数:解析的响应文本,状态文本和xhr对象.

function callJavascript(url, callback) {
    var closedData;
    $.getJSON(url, function (data) {
        closedData = data;
    })
    .done(function(parsedResponse,statusText,jqXhr) {
        $('#statusCode').text(jqXhr.status); //200
        $('#statusText').text(jqXhr.statusText); //success
        //this should not be undefined
        $('#responseText').text(jqXhr.responseText); 
        console.log(parsedResponse);
        callback(closedData);
    });
};

这是一个小提琴,你可以看到充分console.log的论点.

http://jsfiddle.net/SDUEj/