Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript AJAX Basics (retiring) jQuery and AJAX Using jQuery's $.get() AJAX method

Dorothy Daniel
Dorothy Daniel
12,723 Points

AJAX Basics: $.get("filename.html");

The challenge states:

The first argument to the $.get() method is a URL to a resource. In this case you want to load the 'footer.html' file, so pass that as the argument.

I have tried: $.get("footer.html"); and $("#footer").load("footer.html");

Unfortunately, both do not work for this challenge. I am missing something but I do not know what it is.

app.js
$.get("app.js");
$.get("footer.html");
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

Its a bit confusing be the challenge is asking you to get footer.html. so you would replace your app.js with footer.html to pass the second task

$.get('footer.html');

Glad I could help

Andrew Bush
Andrew Bush
10,953 Points

Once I deleted the first part of the challenge: "$.get('app.js'); and only left "$.get('footer.html');" on the screen, it passed.