Kleines AJAX-Code-Beispiel?

Antwort vom

**Ein minimales AJAX-Beispiel ist ein `fetch()`-Aufruf, der Daten im Hintergrund lädt, ohne die Seite neu zu laden.** ```html <!DOCTYPE html> <html lang="de"> <head> <meta charset="UTF-8"> <title>AJAX Beispiel</title> </head> <body> <button onclick="ladeDaten()">Daten laden</button> <div id="ausgabe"></div> <script> function ladeDaten() { fetch('daten.json') .then(response => response.json()) .then(data => { document.getElementById('ausgabe').textContent = data.name; }) .catch(error => { document.getElementById('ausgabe').textContent = 'Fehler beim Laden'; console.error(error); }); } </script> </body> </html> ``` **Dazu passend könnte `daten.json` so aussehen:** ```json { "name": "Max Mustermann" } ``` **Wichtig:** Früher meinte man mit AJAX oft `XMLHttpRequest`, heute nutzt man fast immer `fetch()`, weil es kürzer und sauberer ist.

Kategorie: Technik Tags: Ajax JavaScript Code