Ajax - Asynchrone Datenübertragung

Ajax steht für  Asynchronous JavaScript and XML und dient der asynchronen Datenübertragung zwischen Browser(Clinet) und dem Server. Ajax spielt eine sehr wichtige Rolle im www. So können seiten wie Google zum Beispiel während der Eingabe, Sucheregebnisse anzeigen.

Durch Ajax können Daten ausgetauscht werden ohne die komplette Seite neu laden zu müssen. Dabei sendet JavaScript eine Anfrage an den Server. Diese Anfrage muss nicht zwingend Inhalt haben.

Auf dem Server kann durch eine serverseitige Programmiersprache wie PHP die Anfrage verarbeitet werden. Diese sendet dann eine Antwort als Request.

Ein Beispiel in JavaScript:


    'use strict';
    ladeContent();
    function ladeContent() {
        let xhr = new XMLHttpRequest();
        let myForm = new FormData();
        xhr.open('POST', 'zusatzinhalt.php');
        xhr.addEventListener('readystatechange', () => {
            if(xhr.status === 200 && xhr.readystate === 4) {
                let elem = document.createElement('p');
                elem.textContent = xhr.responseText;
                document.body.appendChild(elem);
            }
        });
    }
    
Tags: 
Bewertung: 
0
Bisher keine Bewertung

 

Kommentare

Bild von ELNO

Frage bzgl. der AP oder ist dass weiteführender Content?

AP 2022 Content:  https://mmm.page/elno.workshops
Workshop via Discord: https://discord.gg/yq8kDg6WWw
Mediencommunity: https://mediencommunity.de/users/elno