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

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

I am not sure what is wrong here, it should be working fine from the examples i've seen.

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

1 Answer

Just a typo, you wrote jqHXR instead of jqXHR