Willkommen auf unserer Website

Dynamisch geladen mit PHP & JavaScript Fetch API

Diese Seite demonstriert, wie man mit PHP eine strukturierte Website aufbaut und den Inhalt per JavaScript Fetch API dynamisch nachlädt – ohne Seiten-Reload.

Klicke auf einen Menüpunkt oben: Der Inhaltsbereich wird aktualisiert, während Header, Menü und Footer gleich bleiben. Die Browser-History (Vor/Zurück-Schaltflächen) funktioniert dabei ebenfalls korrekt.

🔄

Fetch API

Asynchrones Laden der PHP-Unterseiten ohne Browser-Reload dank moderner Fetch API.

🧩

PHP-Partials

Header, Menü und Footer sind wiederverwendbare PHP-Includes für saubere Struktur.

📜

History API

Die URL und der Browser-Verlauf werden per pushState aktuell gehalten.

⚡

Schnell & leicht

Kein Framework nötig – nur PHP, HTML, CSS und Vanilla JavaScript.