In Jquery Ajax How Can I show alert error message If the ajax url is not found/failed to load due to server down.
I tried
error:function(){
}
and
statusCodes:{
}
Those are working only If url is loaded successfully. If the url is failed to load how can I show error message ?
I am Using JSONP
you can use the following to check all the statuses returned by jQuery ajax
$.ajax(
statusCode: {
200: function (response) {
alert('status 200');
},
201: function (response) {
alert('status 201');
},
400: function (response) {
alert('status 400');
},
404: function (response) {
alert('status 404 ');
}
}, success: function () {
alert('success');
},
});
I tried this in an ajax call I was just editing and I got the alert.
$.ajax({
url: "/Stores/Ajax_GetStoreDetailsw",
type: 'POST',
data: { StoreId: selectedStoreId },
success: function (data) {
$(".StoreWindows").html(data);
},
error: function () {
alert(9);
//alert the error here.
}
});
I changed the url to one that is incorrect and the alert appeared.
Change your error handler to this also so you can begin to see what error codes are produced by which errors.
error: function (xhr, ajaxOptions, thrownError) {
alert(xhr.status);
alert(thrownError);
//alert the error here.
}
An object of numeric HTTP codes and functions to be called when the response has the corresponding code. For example, the following will alert when the response status is a 404: Jquery ajax try like this.
$.ajax({
statusCode: {
200: function() {
alert("OK ");
},
404: function() {
alert("page not found");
}
}
});
though you can get status code in error block also. some thing like this.
error: function (xhrReq, textstatus, errorThrown) {
alert(xhrReq.status);
alert(errorThrown);
}