getJSON调用中的错误处理

如何处理getJSON调用中的错误?我试图引用一个跨域脚本服务使用jsonp，你如何注册一个错误方法?

252303 次浏览
小开

$.getJSON()是一种常规AJAX调用的抽象，你必须告诉它你想要一个JSON编码的响应。

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

可以用两种方式处理错误:一般地(在实际调用AJAX调用之前配置它们)或特定地(使用方法链)。

“generic”是这样的:

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

以及“具体”的方式:

$.getJSON("example.json", function() {
alert("success");
})
.done(function() { alert("second success"); })
.fail(function() { alert("error"); })
.always(function() { alert("complete"); });
小开
有人能告诉卢西亚诺以下几点吗:) 我刚刚测试了他的答案-有一个类似的问题-并且完美地工作了…

我甚至还加上了我的50美分:

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

我也面临同样的问题，但我没有为失败的请求创建回调，而是简单地用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
}
});
小开

这是我的加法。

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

" jqXHR.success()， jqXHR.error()和jqXHR.complete()回调 jQuery 1.5中引入的方法在jQuery 1.8中已弃用。来 为最终删除它们准备代码，使用jqXHR.done()， "

.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!'); });
小开

我知道已经有一段时间没有人在这里回答了，发帖者可能已经从这里或其他地方得到了答案。然而，我确实认为这篇文章将帮助任何寻找在执行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函数作为处理数据的函数。

但是，您可以在成功函数中添加状态和xhr变量。状态变量包含以下字符串之一:"success"， "notmodified"， "error"， "timeout"，或"parsererror"， xhr变量包含返回的XMLHttpRequest对象 (可以在w3schools找到) < / p > 
$.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");
}
});

这样可以很容易地跟踪超时和错误，而不必实现自定义的超时跟踪器，该跟踪器在请求完成后启动。

希望这能帮助那些仍在寻找这个问题答案的人。

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

例句:

function obterJson(callback) {




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


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

为什么不

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

由于jqXHR是由函数返回的，因此类似于

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

是可能的。

小开 

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

在jQuery 2.x中已修复;jQuery 1。X你将永远不会得到一个错误回调

小开

这是一个相当老的线程，但它确实出现在谷歌搜索，所以我想我将添加一个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);
});

提交答案