使用 JSONP 时如何捕获 jQuery $.getJSON（或数据类型设置为“jsonp”的 $.ajax）错误？

Question

在 jQuery 中使用 JSONP 时是否可以捕获错误？ 我已经尝试了 $.getJSON 和 $.ajax 方法，但都无法捕获我正在测试的 404 错误。 这是我尝试过的（请记住，这些都成功工作，但我想在失败时处理这种情况）：

jQuery.ajax({
    type: "GET",
    url: handlerURL,
    dataType: "jsonp",
    success: function(results){
        alert("Success!");
    },
    error: function(XMLHttpRequest, textStatus, errorThrown){
        alert("Error");
    }
});

而且：

jQuery.getJSON(handlerURL + "&callback=?", 
    function(jsonResult){
        alert("Success!");
    });

我还尝试添加 $.ajaxError 但这也不起作用：

jQuery(document).ajaxError(function(event, request, settings){
   alert("Error");
});

Answer 1

这是我对类似问题的详细回答。

这是代码：

jQuery.getJSON(handlerURL + "&callback=?", 
    function(jsonResult){
        alert("Success!");
    })
.done(function() { alert('getJSON request succeeded!'); })
.fail(function(jqXHR, textStatus, errorThrown) { alert('getJSON request failed! ' + textStatus); })
.always(function() { alert('getJSON request ended!'); });

Answer 2

似乎不返回成功结果的 JSONP 请求永远不会触发任何事件，无论成功还是失败，无论好坏，这显然都是设计使然。

搜索他们的错误跟踪器后，有补丁这可能是一个可能的解决方案使用超时回调。 请参阅错误报告#3442。 如果您无法捕获错误，您至少可以在等待一段合理的时间以获取成功后超时。

Answer 3

检测 JSONP 问题

如果您不想下载依赖项，您可以自行检测错误状态。 这很容易。

您只能通过使用某种超时来检测 JSONP 错误。 如果在特定时间内没有有效响应，则假设发生错误。 不过，该错误基本上可以是任何内容。

这是检查错误的简单方法。 只需使用 success 标志：

var success = false;

$.getJSON(url, function(json) {
    success = true;
    // ... whatever else your callback needs to do ...
});

// Set a 5-second (or however long you want) timeout to check for errors
setTimeout(function() {
    if (!success)
    {
        // Handle error accordingly
        alert("Houston, we have a problem.");
    }
}, 5000);

正如 thedawnrider 在评论中提到的，您也可以使用clearTimeout 代替：

var errorTimeout = setTimeout(function() {
    if (!success)
    {
        // Handle error accordingly
        alert("Houston, we have a problem.");
    }
}, 5000);

$.getJSON(url, function(json) {
    clearTimeout(errorTimeout);
    // ... whatever else your callback needs to do ...
});

为什么？ 继续阅读...

---

简而言之，JSONP 的工作原理如下：

JSONP 不像常规 AJAX 请求那样使用 XMLHttpRequest。 相反，它会在页面中注入

例如。

JSONP 请求：https://api.site.com/endpoint?this=that&callback=myFunc

Javascript 会将此脚本标签注入到 DOM 中：

<script src="https://api.site.com/endpoint?this=that&callback=myFunc"></script>

什么当

因此，假设对此查询的响应产生了一个 JSON 结果，如下所示：

{"answer":42}

对于浏览器来说，这与脚本的源代码相同，因此它会被执行。 但是当你执行这个时会发生什么：

<script>{"answer":42}</script>

嗯，什么也没有。 它只是一个物体。 它不会被存储、保存，也不会发生任何事情。

这就是 JSONP 请求将其结果包装在函数中的原因。 必须支持 JSONP 序列化的服务器会看到您指定的回调参数，并返回以下内容： 然后

myFunc({"answer":42})

执行以下内容：

<script>myFunc({"answer":42})</script>

... 这更有用。 在本例中，代码中的某个位置有一个名为 myFunc 的全局函数：

myFunc(data)
{
    alert("The answer to life, the universe, and everything is: " + data.answer);
}

就是这样。 这就是 JSONP 的“魔力”。 然后构建超时检查非常简单，如上所示。 发出请求后立即开始超时。 X 秒后，如果您的标志仍未设置，则请求超时。

Answer 4

我知道这个问题有点老了，但我没有看到给出问题的简单解决方案的答案，所以我想我会分享我的“简单”解决方案。

$.getJSON("example.json", function() {
      console.log( "success" );
}).fail(function() { 
      console.log( "error" ); 
}); 

我们可以简单地使用 .fail() 回调来检查是否发生错误。

希望这可以帮助 ：）

Answer 5

如果您与提供商合作，您可以发送另一个查询字符串参数作为出现错误时要回调的函数。

？回调=？&错误=？

这称为 JSONPE，但它根本不是事实上的标准。

然后，提供程序将信息传递给错误函数以帮助您进行诊断。

但对解决通讯错误没有帮助 - jQuery 必须更新才能在超时时回调错误函数，如 Adam Bellaire 的回答所示。

Answer 6

看起来现在正在工作：

jQuery(document).ajaxError(function(event, request, settings){
   alert("Error");
});

Answer 7

我用它来捕获 JSON 错误

try {
   $.getJSON(ajaxURL,callback).ajaxError();
} catch(err) {
   alert("wow");
   alert("Error : "+ err);
}

编辑：或者您也可以获得错误消息。 这会让您知道错误到底是什么。 在 catch 块中尝试以下语法

alert("Error : " + err);

Answer 8

也许这有效？

.complete(function(response, status) {
    if (response.status == "404")
        alert("404 Error");
    else{
        //Do something
    }   
    if(status == "error")
        alert("Error");
    else{
        //Do something
    }
});

我不知道状态何时进入“错误”模式。 但我用 404 测试过，它有响应

Answer 9

您可以通过在 ajax 请求中添加此属性来显式处理任何错误号：

statusCode: {
        404: function() {
          alert("page not found");
        }
    }

因此，您的代码应该如下所示：

jQuery.ajax({
type: "GET",
statusCode: {
        404: function() {
          alert("page not found");
        }
},
url: handlerURL,
dataType: "jsonp",
success: function(results){
    alert("Success!");
},
error: function(XMLHttpRequest, textStatus, errorThrown){
    alert("Error");
}
});

希望这对您有帮助:)

Answer 10

我还在 stackoverflow - 错误处理中发布了这个答案在 getJSON 调用中

我知道自从有人在这里回答以来已经有一段时间了，并且发布者可能已经从这里或其他地方得到了他的答案。 不过，我确实认为这篇文章将帮助任何人在执行 getJSON 请求时寻找一种方法来跟踪错误和超时。 因此，下面我对问题的回答

getJSON 结构如下（在 http://api.jqueri.com)：

$(selector).getJSON(url,data,success(data,status,xhr))

实现它

$.getJSON(url, datatosend, function(data){
    //do something with the data
});

大多数人使用 url var 提供链接的地方来 对于 JSON 数据，datatosend 作为添加 "?callback=?" 和其他变量的位置，必须发送这些变量才能返回正确的 JSON 数据，而 success 函数作为以下函数处理数据。

但是，您可以在成功函数中添加 status 和 xhr 变量。 status 变量包含以下字符串之一：“success”、“notmodified”、“error”、“timeout”或“parsererror”，xhr 变量包含返回的 XMLHttpRequest 对象
（在w3schools上找到）

$.getJSON(url, datatosend, function(data, status, xhr){
    if (status == "success"){
        //do something with the data
    }else if (status == "timeout"){
        alert("Something is wrong with the connection");
    }else if (status == "error" || status == "parsererror" ){
        alert("An error occured");
    }else{
        alert("datatosend did not change");
    }         
});

这样就很简单跟踪超时和错误，而无需实现请求完成后启动的自定义超时跟踪器。

希望这对仍在寻找该问题答案的人有所帮助。