Dieses Demo zeigt, wie mächtig die $.ajaxSetup Methode ist und wie man mit ein paar Handgriffen, eine bestehende Seite in eine kleine SPA umbauen kann.

Die Funktion assignGlobalAjaxEventsOnElements kümmert sich autonom um die Ajax-Requests, wenn ein data-ajax-url-Attribut mit einem data-ajax-update-element-Attribute in einem a-Tag oder einem Form-Tag enthalten ist.

Beispiele

Links:
<a href="javascript:;" data-ajax-url="inc/form2.php" data-ajax-update-element=".form-replace-container2">EDIT-MODUS</a>
Formulare:
<form method="post" action="form2.php" data-ajax-url="inc/form2.php" data-ajax-update-element=".form-replace-container2">