Wie kann ich JSON in Tabelle HTML anzeigen?leere Seite - JSON zu HTML-Tabelle
Dies ist mein Code und es funktioniert nicht, ich sehe eine leere Seite
<script>
var xmlhttp = new XMLHttpRequest();
var url = "http://37.247.116.189:88/stalker_portal/api/users";
xmlhttp.onreadystatechange=function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
myFunction(xmlhttp.responseText);
}
}
xmlhttp.open("GET", url, true);
xmlhttp.send();
function myFunction(response) {
var arr = JSON.parse(response);
var i;
var out = "<table>";
for(i = 0; i < arr.results; i++) {
out += "<tr><td>" +
arr[i].login +
"</td><td>" +
arr[i].full_name +
"</td><td>" +
arr[i].phone +
"</td></tr>";
}
out += "</table>";
document.getElementById("mydata").innerHTML = out;
}
</script>
aber seine nicht funktioniert, ich weiß nicht, wo das Problem liegt?
Was ist das Problem? Sie müssen ein grundlegendes Debugging durchführen. Verwenden Sie die Entwicklertools in Ihrem Browser. Sehen Sie sich die Registerkarte "Netzwerk" an. Wird die Anfrage gestellt? Entspricht die Antwort Ihren Erwartungen? Schau dir die Konsole an. Gibt es Fehler? Fügen Sie dem Code einige 'console.log()' Anweisungen hinzu. Ändert 'onreadystate' Feuer? Gehen die 'if'-Bedingungen immer vor? Was ist der Wert von 'responseText'? Wird 'myFunction' jemals ausgelöst? Gibt 'JSON.parse' den erwarteten Wert zurück? Hat "out" den erwarteten Wert? – Quentin
Nun, erhalten Sie einen Fehler? Haben Sie Ihren Code debugged, um zu sehen, dass alles wie erwartet funktioniert? – Amy
Wir brauchen mehr Info. Gibt es beispielsweise einen Javascript-Fehler in der Konsole? Können Sie die Daten aus der Antwort drucken, bevor Sie versuchen, die Tabelle zu rendern? –