ProcessWire Upload Formular mit AJAX

Basiert auf dem Beispiel in diesem Artikel

ProcessWire Upload Formular

Siehe auch:

JQuery - AJAX
jQuery - FormData Objekt (AJAX)

Wir erweitern das Beispiel folgendermaßen:

• Formulardaten über jQuery AJAX Funktionen abschicken
• ProcessWire AJAX Antwort verarbeiten

Schritt 1 - Formular anpassen

• Unsichtbare Box für evtl. Fehlermeldungen direkt unter dem Submit Button.

<div class="row">
  <div class="message-box" style="display:none;"></div>
</div>

• JavaScript Datei für AJAX Versand hinzufügen

$additionalFooterData .= '
<script src="'.urls()->templates.'partials/basic-upload-ajax/main.js"></script>
';

Schritt 2 - AJAX Verarbeiten

main.js