JavaScript AJAX Basics (retiring) Programming AJAX Check for the correct ready state

Nick Rocha
Nick Rocha
7,876 Points

How at assign innerHTML property in AJAX request

I do not understand what the the innerHTML property is requesting.

Can you check my code to see what I am missing?

app.js
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
    if(xhr.readyState===4){
    if(xhr.status===200){
    }
  }
document.getElementById("sidebar").innerHTML};
xhr.open('GET', 'sidebar.html');
xhr.send();
index.html
<!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="sidebar"></div>
</body>
</html>

1 Answer

Steven Parker
Steven Parker
170,317 Points

You're close, but you still need to assign the responseText to the innerHTML property you have selected.

And you should only do this inside the block where you've tested the status code to be sure the result is good.