JavaScript Ajax

Diverse Beispiele zur JavaScript Ajax Programmierung.

Ajax Object XHR

Ajax Request Object + GET (Asynchron)

var XHR = new XMLHttpRequest();
XHR.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
        document.getElementById("txt").innerHTML = this.responseText;
    }
};
XHR.open("GET", "get.php?q=" + strQueryText, true);
XHR.send();

Ajax mit Zufallszahl in der URL

Um Caching-Probleme zu verhindern wird eine Zufallszahl der URL angehängt. Damit wird bei jedem Aufruf die Seite neu geladen.

XHR.open("GET", "get.php?r=" + Math.random(), true);
XHR.send();

Ajax mit POST + Formular Daten

Überträgt die Formulardaten mit POST via Ajax

XHR.open("POST", "post_ajax.php", true);
XHR.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
XHR.send("fname=Max&lname=Mustermann");

Encoding POST Values

Zum Maskieren der Daten kann die Funktion encodeURIComponent() genutzt werden.

encVal = encodeURIComponent( strValue );
XHR.send("q="+encVal);