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

jQuery's $.get() method doesn't do anything if the server returns an error. You can chain jQuery's fail() method to the

jQuery's $.get() method doesn't do anything if the server returns an error. You can chain jQuery's fail() method to the $.get() method and pass it a function to handle any errors. Start by adding the fail() method to the $.get() method.

app.js
$.get("missing.html", function(data) {
  $("#footer").html(data);
  .fail();
});
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>

1 Answer

Osaro Igbinovia
Osaro Igbinovia
Full Stack JavaScript Techdegree Student 15,924 Points

Hi Aycee, you're to CHAIN the 'fail' method to the $.get method. You added the 'fail' method(to no object) INSIDE the $.get method:

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

The challenge wants you to add/chain the 'fail' method to the $.get method. Think of the $.get() as an object you're chaining the fail() to :

$.get().fail();

Adding in the callback with the 'jqXHR' parameter and the alert statement, the end result should look like this:

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