Wie drucke ich die Antwort mit AJAX/Javascript?

Question

Ich lerne über AJAX und ich versuche, den Inhalt meiner Datei „info.txt“, um in einem div mit id „Demo“ angezeigt werden. Es bleibt jedoch immer leer. Um dies zu testen, müssten Sie diesen Code leider auf einem aktuellen Server ausprobieren (was ich bin) und eine eigene "info.txt" -Datei angeben. Ich bitte bitte eine Standard-Javascript-Antwort (nicht-JQuery), bitte!

function loadDoc() { 
 
    var xhttp = new XMLHttpRequest(); 
 
    xhttp.open("GET", "info.txt", true); 
 
    xhttp.send(); 
 
    document.getElementById("demo").innerHTML = xhttp.responseText; 
 
}

<div id="demo"> 
 
<h1>The XMLHttpRequest Object</h1> 
 
<button type="button" onclick="loadDoc()">Change Content</button> 
 
</div>

Answer 1

Die true Sie vorbei zu xhttp.open sagt Ihre Anfrage async ist, was bedeutet, werde es nicht auf die Antwort warten.

Sie müssen entweder entfernen, dass true (unrecommended) oder einen Satz richtig einen Rückruf für, wenn die Antwort empfangen wird:

function loadDoc() { 
    var xhttp = new XMLHttpRequest(); 
    xhttp.open("GET", "info.txt", true); 
    xhttp.onreadystatechange = function() { 
    if (xhttp.readyState === XMLHttpRequest.DONE && xhttp.status === 200) { 
     document.getElementById("demo").innerHTML = xhttp.responseText; 
    } 
    }; 
    xhttp.send(); 
}