ProcessWire Upload Formular mit AJAX

Basiert auf dem Beispiel in diesem Artikel

ProcessWire Upload Formular

Siehe auch:

JQuery - 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>
</sytaxhighlight>
* JavaScript Datei für AJAX Versand hinzufügen
<pre>
$additionalFooterData .= '
<script src="'.urls()->templates.'partials/basic-upload-ajax/main.js"></script>
';
</pre>

== Schritt 1 - AJAX Versand ==
main.js
<syntaxhighlight lang="javascript">