JavaScript AJAX Basics (retiring) jQuery and AJAX Add a callback

Fernando Jimenez
PRO
Fernando Jimenez
Pro Student 6,997 Points

Stuck with a simple Jquery/Ajax function

why this.status inside .html() method wouldn't work? isn't this.status a string?

app.js
$.get("footer.html",  function(data){
    $('#footer').html(this.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

You're so close. Replace

 $('#footer').html(this.statusText);

with

 $('#footer').html(data);

full answer

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