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

I don't know what I'm doing wrong. Can someone please help?

Challenge: When the AJAX response fails, we should alert the user. Pop up an alert box with the XHR object's statusText property.

I thought I entered the correct code.

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

2 Answers

Grace Kelly
Grace Kelly
33,980 Points

Hi Ja'Nel, you have simply misspelled "jqXHR" as "jqHR" in your parameter for the function, if you correct that mistake your code will run fine :) hope that helps!!

Thank you! I ended up figuring it out.