jQuery ajax jsonp调用成功后报错

Question

我正在使用 jQuery 1.9.1 对 Etsy API 执行 jsonp。下面是一个用于调用 API 的例程；它接受一个签名的请求（url）、一个 jsonp 回调名称和一个错误处理程序。

call: function (signedOAuthRequest, callback, errorFn) {
    $.ajax({
        url: signedOAuthRequest,
        type: "GET",
        dataType: "jsonp",
        jsonpCallback: callback,
        jsonp: false,
        crossDomain: true,
        cache: true,
        processData: false,
        error: function (jqXHR, textStatus, errorThrown) {
            if (errorFn != undefined) {
                errorFn(jqXHR, textStatus, errorThrown);
            }
        }
    });

用法：

call("http://the.api/?signedrequest", "myCallback", myErrorHandler);

而且它有效。 myCallback 触发，收到的 json 对象看起来不错。一切都很好。

除了...

myCallback 完成后，错误处理程序立即运行。在错误处理程序中，状态码为 200，错误消息为"parsererror"。 errorThrown.message 是"myCallback was not called"。问题是，myCallback肯定被调用了，传递给它的 json 对象被解析得很好，所以我根本不明白。

为什么在成功调用时会引发此错误？

Answer 1

根据 cmets 和您的问题，这就是我编写该代码的方式：

function (signedOAuthRequest, callbackName, successFn, errorFn) {
    $.ajax({
        url: signedOAuthRequest,
        type: "GET",
        dataType: "jsonp",
        jsonpCallback: callbackName,
        jsonp: false,
        cache: true,
        success: successFn,
        error: function (jqXHR, textStatus, errorThrown) {
            if (typeof errorFn !== 'undefined') {
                errorFn(jqXHR, textStatus, errorThrown);
            }
        }
    });
}

我做了以下更改：

添加了一个附加参数来传递成功回调。这是必需的，因为 jQuery 将为您定义回调，以便它可以检索成功的响应并对其进行解析。

删除crossdomain: true，因为它是多余的

删除了proccessData: false，因为它不影响 jsonp 请求并且您没有传递任何数据

添加了success: successFn，以便 jQuery 在成功解析 json 数据时执行successFn。

将回调重命名为 callbackName 以便更清楚地了解它包含的内容。

如果您仍然坚持自己定义回调，另一种解决方案是使用脚本 dataType（取自下面的 cmets）

$.ajax({
    url: signedOAuthRequest,
    dataType: "script",
    cache: true
});