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

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
174,006 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.