JavaScript AJAX Basics (retiring) jQuery and AJAX Handle AJAX failures with jQuery

jQuery's fail() method takes a callback function as an argument. The function is run when there's an error in the AJAX r

jQuery's fail() method takes a callback function as an argument. The function is run when there's an error in the AJAX response. Pass an anonymous function as an argument to the method. Don't forget to set a parameter for that function. Use the name jqXHR for the parameter -- this parameter will hold a jQuery XHR object passed by the fail() method to the function

app.js
$.get("missing.html", function(data) {
  $("#footer").html(data);
}).fail(function (jqXHR);
index.html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>AJAX with JavaScript</title>
</head>
<body>
  <div id="main">
    <h1>AJAX with jQuery</h1>
  </div>
  <div id="footer"></div>
  <script src="jquery.js"></script>
  <script src="app.js"></script>
</body>
</html>

4 Answers

Chelsea Van Dyke-Spitzer
Chelsea Van Dyke-Spitzer
6,939 Points

I kept getting an error, realized that I needed an extra closing parenthesis for it to work. Like this:

.fail(function(jqXHR) {
});

correct code here.............. $.get("missing.html", function(data) { $("#footer").html(data); }).fail(function (jqXHR){});

Hey MUZ140063 moyo,

What's happening here is that we need an anonymous callback function to pass into the fail method with a parameter of jqXHR. If you remember, an anonymous function is just a function that has no name attached to it. When they say a parameter of "jqXHR", they mean that that is its argument.

An anonymous callback function often looks like this with an argument of jqXHR:

function (jqXHR) {
//code here
}

I hope that helps! :)

HIDAYATULLAH ARGHANDABI
HIDAYATULLAH ARGHANDABI
20,988 Points

since we pass the call back back function to the fail method. the call back function will be trigged when it fail. and it takes an argument called jqXHR

$.get("missing.html", function(data) {
  $("#footer").html(data);
}).fail(function(jqXHR){});

Enjoy Coding