使用 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/