getJSON 调用中的错误处理

Question

如何处理 getJSON 调用中的错误？我尝试使用 jsonp 引用跨域脚本服务，如何注册错误方法？

Answer 1

$.getJSON() 是常规 AJAX 调用的一种抽象，您必须在其中告知您需要 JSON 编码的响应。

$.ajax({
  url: url,
  dataType: 'json',
  data: data,
  success: callback
});

您可以通过两种方式处理错误：一般方式（通过在实际调用 AJAX 调用之前配置它们）或具体方式（使用方法链）。

“通用”类似于：

$.ajaxSetup({
      "error":function() { alert("error");  }
});

“特定”方式：

$.getJSON("example.json", function() {
  alert("success");
})
.done(function() { alert("second success"); })
.fail(function() { alert("error"); })
.always(function() { alert("complete"); });

Answer 2

有人给卢西亚诺这些要点:)
我刚刚测试了他的答案 - 有一个类似的问题 - 并且工作得很好......

我什至加上了我的 50 美分：

.error(function(jqXHR, textStatus, errorThrown) {
        console.log("error " + textStatus);
        console.log("incoming Text " + jqXHR.responseText);
    })

Answer 3

这是我的补充。

来自 http://www.learnjavascript.co.uk/jq/reference/ajax/getjson.html 和官方来源

“jqXHR.success()、jqXHR.error()、和 jqXHR.complete() 回调
从 jQuery 1.8 开始，jQuery 1.5 中引入的方法已被弃用。到
为最终删除准备代码，使用 jqXHR.done()，
jqXHR.fail() 和 jqXHR.always() 。"

我这样做了，这是 Luciano 更新的代码片段：

$.getJSON("example.json", function() {
  alert("success");
})
.done(function() { alert('getJSON request succeeded!'); })
.fail(function() { alert('getJSON request failed! '); })
.always(function() { alert('getJSON request ended!'); });

并带有错误描述，并将所有 json 数据显示为字符串：

$.getJSON("example.json", function(data) {
  alert(JSON.stringify(data));
})
.done(function() { alert('getJSON request succeeded!'); })
.fail(function(jqXHR, textStatus, errorThrown) { alert('getJSON request failed! ' + textStatus); })
.always(function() { alert('getJSON request ended!'); });

如果您不喜欢警报，用 console.log 替换它们

$.getJSON("example.json", function(data) {
  console.log(JSON.stringify(data));
})
.done(function() { console.log('getJSON request succeeded!'); })
.fail(function(jqXHR, textStatus, errorThrown) { console.log('getJSON request failed! ' + textStatus); })
.always(function() { console.log('getJSON request ended!'); });

Answer 4

我知道自从有人在这里回答以来已经有一段时间了，发帖者可能已经从这里或其他地方得到了他的答案。不过，我确实认为这篇文章将帮助任何人在执行 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 作为添加 < 的位置code>"?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");
    }         
});

通过这种方式，可以轻松跟踪超时和错误，而无需实现自定义超时请求完成后启动的跟踪器。

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

Answer 5

$.getJSON("example.json", function() {
  alert("success");
})
.success(function() { alert("second success"); })
.error(function() { alert("error"); })

它在 jQuery 2.x 中得到修复；在 jQuery 1.x 中你永远不会收到错误回调

Answer 6

为什么不呢

getJSON('get.php',{cmd:"1", typeID:$('#typesSelect')},function(data) {
    // ...
});

function getJSON(url,params,callback) {
    return $.getJSON(url,params,callback)
        .fail(function(jqXMLHttpRequest,textStatus,errorThrown) {
            console.dir(jqXMLHttpRequest);
            alert('Ajax data request failed: "'+textStatus+':'+errorThrown+'" - see javascript console for details.');
        })
}

？

有关使用的 .fail() 方法（jQuery 1.5+）的详细信息，请参阅 http://api.jquery.com/jQuery.ajax/#jqXHR

链接。

$.when(getJSON(...)).then(function() { ... });

由于 jqXHR 由函数返回，因此可以进行

Answer 7

我也遇到了同样的问题，但我没有为失败的请求创建回调，而是简单地返回了 json 数据对象的错误。

如果可能的话，这似乎是最简单的解决方案。这是我使用的 Python 代码示例。 （使用 Flask、Flask 的 jsonify f 和 SQLAlchemy）

try:
    snip = Snip.query.filter_by(user_id=current_user.get_id(), id=snip_id).first()
    db.session.delete(snip)
    db.session.commit()
    return jsonify(success=True)
except Exception, e:
    logging.debug(e)
    return jsonify(error="Sorry, we couldn't delete that clip.")

然后你可以像这样检查 Javascript；

$.getJSON('/ajax/deleteSnip/' + data_id,
    function(data){
    console.log(data);
    if (data.success === true) {
       console.log("successfully deleted snip");
       $('.snippet[data-id="' + data_id + '"]').slideUp();
    }
    else {
       //only shows if the data object was returned
    }
});

Answer 8

在某些情况下，您可能会遇到使用此方法的同步问题。
我在 setTimeout 函数中编写了回调调用，并且它同步工作得很好 =)

EG：

function obterJson(callback) {


    jqxhr = $.getJSON(window.location.href + "js/data.json", function(data) {

    setTimeout(function(){
        callback(data);
    },0);
}

Answer 9

这是一个相当古老的线程，但它确实出现在 Google 搜索中，所以我想我会使用 Promise 添加 jQuery 3 答案。此代码片段还显示：

• 您不再需要切换到 $.ajax 来传递不记名令牌
• 使用 .then() 确保您可以同步处理任何结果（我遇到了这个问题 .always() 回调触发太快 - 虽然我不确定这是100%正确）
• 我使用 .always() 简单地显示结果，无论是积极的还是消极的
• 在 .always() 函数中，我使用 HTTP 状态代码和消息正文更新两个目标

代码片段是：

    $.getJSON({
         url: "https://myurl.com/api",
         headers: { "Authorization": "Bearer " + user.access_token}
    }).then().always(   function (data, textStatus) {
        $("#txtAPIStatus").html(data.status);
        $("#txtAPIValue").html(data.responseText);
    });