Progressive Enhancement macht native Submit zu AJAX

Wenn JavaScript verfügbar ist, erfolgt der Request mit Ajax, ansonsten als native Submit

Diese Anwendung ist eine DEMO. Wenn es seitens Browser möglich ist, erfolgt der Request mit Ajax, ansonsten als ein normaler Submit.

Zu Prüfen ist ein eingegebenes Datum

Erläuterungen, Progressive Enhancement

Werfen Sie einen Blick auf die Sources! Was Sie sehen ist eine sogenannte Kompaktklasse, Perlcode und HTML Template in einer einzigen Datei und doch sauber voneinander getrennt. Das native HTML-Template erkennen Sie an der Schreibweise der Platzhalter wie %wochentag%. Zum Anreichern der Anwendung mit JavaScript wird das Submit-Event abgefangen und das Senden des Formulars einer JavaScript-Funktion überlassen. Diese Funktion feuert mit den eingegebenen Formulardaten einen AJAX-Request, nimmt von der Response den Body und tauscht den im Browwser vorliegenden Body mit diesem aus:

  document.body = this.response.body;

Das ist das ganze Geheimnis eines Progressive Enhancement!


Datenschutzerklärung: Diese Seite dient rein privaten Zwecken. Auf den für diese Domäne installierten Seiten werden grundsätzlich keine personenbezogenen Daten erhoben. Das Loggen der Zugriffe mit Ihrer Remote Adresse erfolgt beim Provider soweit das technisch erforderlich ist. s​os­@rolf­rost.de.