ajax request callbacks
by gwenaelhagenmuller
JavaScript
console.clear();
function section(str) {
br();
console.log("////////////////////////////////////////////");
console.log("// " + str);
console.log("////////////////////////////////////////////");
br();
}
function warning() {
console.log("!!!!!!!!!!!!! WARNING !!!!!!!!!!!!!");
}
function br() {
console.log("");
}
var curLine = 1;
function line(str, res) {
console.log(curLine++, str, " ==> ", res);
}
section("ajax: success, error, complete, done, fail, always");
var settings = {
contentType: "application/json",
url: "http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?",
data: {
tags: "jquery",
tagmode: "any",
format: "json"
},
success: function(data, textStatus, jqXHR) {
line("success", data);
},
error: function(jqXHR, textStatus, errorThrown) {
line("error", textStatus);
},
complete: function(jqXHR, textStatus) {
line("complete", textStatus);
}
};
line("-- error on purpose", "");
br();
$.ajax(settings)
.done(function(data, textStatus, jqXHR) {line("done", textStatus);})
.fail(function(jqXHR, textStatus, errorThrown) {line("fail", textStatus);})
.always(function(dataOrjqXHR, textStatus, jqXHROrErrorThrown) {line("always", textStatus);});
// error, fail()
// always(), complete
br();
line("-- success", "");
br();
settings.dataType = "jsonp";
$.ajax(settings)
.done(function(data, textStatus, jqXHR) {line("done", textStatus);})
.fail(function(jqXHR, textStatus, errorThrown) {line("fail", textStatus);})
.always(function(dataOrjqXHR, textStatus, jqXHROrErrorThrown) {line("always", textStatus);});
// success, done()
// always(), complete