AJAX-Einführung


Inhaltsverzeichnis

    Inhaltsverzeichnis anzeigen

AJAX ist der Traum eines jeden Entwicklers, denn Sie können:

  • Daten von einem Webserver lesen - nachdem die Seite geladen wurde

  • Aktualisieren Sie eine Webseite, ohne die Seite neu zu laden

  • Daten an einen Webserver senden - im Hintergrund

AJAX-Beispiel

Lassen Sie AJAX diesen Text ändern



Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

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

<script>
function loadDoc() {
  const xhttp = new XMLHttpRequest();
  xhttp.onload = function() {
    document.getElementById("demo").innerHTML =
    this.responseText;
  }
  xhttp.open("GET", "ajax_info.txt");
  xhttp.send();
}
</script>

</body>
</html>

AJAX-Beispiel erklärt

HTML-Seite

<!DOCTYPE html>
<html>
<body>

<div id="demo">
  <h2>Let AJAX change this text</h2>	<button type="button" onclick="loadDoc()">Change Content</button>
 </div>

</body>
</html>

Die HTML-Seite enthält einen <div>-Abschnitt und einen <button>.

Das <div> Der Abschnitt wird verwendet, um Informationen von einem Server anzuzeigen.

Der