Ich bin mir nicht sicher warum, aber bevor ähnliche Code funktionierte. Der Server wurde neu gestartet und der Code funktioniert überhaupt nicht. Ich habe das Problem in dem Code unten auf etwas falsch mit dem DOM, speziell das Div mit ID "Thumbnails" isoliert. Ich konnte das innereHTML des Divs nicht ändern, egal was, auch in der Google Chrome-Konsole (mit document.getElementById ("Thumbnails"). InnerHTML). Das div ist leer (das p-Tag mit "hi" wird entfernt) und die Variable "output" wird auf das gesetzt, was es sein soll (nicht leer). Wer weiß warum?DOM nicht aktualisieren
Wenn Sie es selbst testen möchten, gehen Sie zu quantumquantonium.ddns.net/images_and_videos/screenshots/
<h1>Screenshots</h1>
<div id = "thumbnails" align = "center"><p>hi</p></div>
<div class="gallery" align="center">
<img name="preview" id="preview" alt=""></img>
</div>
<script type="text/javascript">
var xhttp = new XMLHttpRequest();
var output;
function update(){
xhttp.onreadystatechange = function() {
if (xhttp.readyState == 4 && xhttp.status == 200) {
console.log("readystate = 4");
output = xhttp.responseText;
console.log(output);
document.getElementById("thumbnails").innerHTML = output;
}
}
}
function sendInfo(){
xhttp.open("GET","http://quantumquantonium.ddns.net/images_and_videos/screenshots/php.php" ,true);
xhttp.send();
update();
}
sendInfo();
</script>
nicht sicher, ob der Abstand zwischen 'id = "Thumbnails" 'Ihr Problem verursacht, aber es sieht ziemlich schlecht aus –
Ein wahrscheinlicher Täter ist die [Richtlinie gleichen Ursprungs] (https://developer.mozilla.org/en- US/docs/Web/Sicherheit/Same-origin_policy). Außer wenn "http: // quantumquantonium.ddns.net" auch der Ort ist, auf dem diese Seite gehostet wird, ist sie begrenzt, wenn sie nicht daran gehindert wird, Anfragen an sie zu stellen. Überprüfen Sie die Entwicklerwerkzeuge Ihres Browsers auf Fehler. –
@TimOgilvy: Das [ist gültiger HTML-Code] (https://www.w3.org/TR/html5/syntax.html#attributes-0). – Bergi