jQuery ajax error function is easy to Handling All Error Like 404 page error, 500 Internal Server error, Requested JSON parse, Time out error, request aborte and error alert message.
jQuery AJAX error and success
We have retrieved the self-made decision from the page anyway we even have simple jquery coded it so it raises an erreo(bug) within the your call page(example url: “response.php”). The ajaxError() method specifies a function to be run when an AJAX request fails. anyway do we get that error from the jquery? how we get jQuery Ajax Error Handling Function hear is the best solution of ajax error function.
jQuery ajax error function – jQuery Ajax Error Handling Function
this simple jQuery ajax error function is very basic as well as easy to use with your ajax call.
$.ajax({ type: "POST", url: "response.php", data: { search: '1',keyword : 'pakainfo'}, cache: false, success: function(response) { // success alert message alert(response); }, error: function (error) { // error alert message alert('error :: ' + eval(error)); } });
jQuery AJAX Example Receiving HTML With AJAX, Receiving JSON With AJAX, Sending Parameters in The AJAX Request, Sending Raw Data in The AJAX Request, Sending JSON in The AJAX Request, HTTP GET and POST, The $.get() and $.post() Functions, The $.getJSON() Function, The load() Function and The $.getScript() Function.
jQuery ajax error function using jqXHR
here jQuery ajax error function using jqXHR in this jquery function i can get different type ajax error like as a 404 page error, 500 Internal Server error, Requested JSON parse, Time out error or many more.
$.ajax({ type: "POST", url: "response.php", data: { search: '1',keyword : 'somedata'}, cache: false, success: function(response) { // success alert message alert(response); }, error: function (jqXHR, exception) { var error_msg = ''; if (jqXHR.status === 0) { error_msg = 'Not connect.\n Verify Network.'; } else if (jqXHR.status == 404) { // 404 page error error_msg = 'Requested page not found. [404]'; } else if (jqXHR.status == 500) { // 500 Internal Server error error_msg = 'Internal Server Error [500].'; } else if (exception === 'parsererror') { // Requested JSON parse error_msg = 'Requested JSON parse failed.'; } else if (exception === 'timeout') { // Time out error error_msg = 'Time out error.'; } else if (exception === 'abort') { // request aborte error_msg = 'Ajax request aborted.'; } else { error_msg = 'Uncaught Error.\n' + jqXHR.responseText; } // error alert message alert('error :: ' + error_msg); }, });
Parameters for jQuery ajax error function with jqXHR
jQuery ajax error function with an validation error
$.ajax({ type: "POST", url: "response.php", data: { search: '1',keyword : 'pakainfo'}, cache: false, success: function(response, textStatus, jqXHR) { console.log(response.error); } });
Also Read : 500 Internal Server Error Ajax
I hope you get an idea about jquery ajax error.
I would like to have feedback on my infinityknow.com blog.
Your valuable feedback, question, or comments about this article are always welcome.
If you enjoyed and liked this post, don’t forget to share.