Wie kann man AJAX in eine Webseite integrieren?

AJAX ist kein eigenständiges Programmiersprachenkonzept, sondern verwendet eine Kombination von Technologien, um Daten asynchron zu laden. Die Kernkomponenten sind HTML, CSS, JavaScript und ein Webserver, der die Anfrage bearbeitet. Der häufigste Anwendungsfall von AJAX ist das Abrufen oder Senden von Daten an einen Server, ohne die Webseite zu verlassen. 

Ein einfaches Beispiel für die Verwendung von AJAX in JavaScript ist die XMLHttpRequest-Methode, die eine HTTP-Anfrage an den Server sendet. Hier ist ein einfaches Beispiel: 

let xhr = new XMLHttpRequest(); 

xhr.open('GET', 'https://api.example.com/data', true);  

xhr.onload = function() { 

if (xhr.status == 200) { 

document.getElementById('result').innerHTML = xhr.responseText; 

} 

}; 

xhr.send(); 

In neueren JavaScript-Versionen wird jedoch oft die Fetch API verwendet, da sie eine einfachere und modernere Syntax bietet: 

fetch('https://api.example.com/data') 

.then(response => response.json()) 

.then(data => { 

document.getElementById('result').innerHTML = data; 

}); 

Das obige Beispiel zeigt, wie Daten von einem Server abgerufen und in einen Teil der Webseite integriert werden können, ohne die gesamte Seite neu zu laden.