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!
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
Peter Huang
5,426 Pointswhats wrong with my code?
doesent work
var request = new XMLHttpRequest();
request.onreadystatechange = function () {
if (request.readyState === 4) {
document.getElementById("footer").innerHTML = request.responseText;
}
};
request.open("GET", "footer.html");
function sendAJAX() {
request.send();
}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>AJAX with JavaScript</title>
<script src="app.js"></script>
</head>
<body>
<div id="main">
<h1>AJAX!</h1>
</div>
<div id="footer"></div>
</body>
</html>
1 Answer
Bella Bradbury
Full Stack JavaScript Techdegree Graduate 25,267 PointsHi Peter!
The challenge is asking you to send the request. You've written a great function for this, but you'll need to call the function in order for it to actually send! To run your function you'll have to add sendAJAX() on the following line.
Another option is to take the send statement out of a function entirely and just place it below the open statement! In this case your code would look like:
...
request.open("GET", "footer.html");
request.send();
Either method above would use your existing code to have the request actually send!