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

Posted by Upeksha Liyanaarachchi
Upeksha Liyanaarachchi
11,018 Points

AJAX Basics

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. Bummer! You need to pass the name of the file: "footer.html". That file is in the same folder as the index.html page, so just provide the name of the file within quotes.

Preview Get Help Reset Code Recheck work

1 $.get('url, data, callback'); 2 ā€‹ 3 $.get("footer.html");

app.js 
$.get('url, data, callback');

$.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>
Mindy Sandilands
Mindy Sandilands
15,743 Points

To pass this challenge just remove your first $.get method $.get('url, data, callback');

The challenge is asking to set up the jquery get method to request the footer.html file without sending any additional data or returning the results.

$.get('footer.html');