Bearbeiten von „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.

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

* JavaScript Datei für AJAX Versand hinzufügen

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

== Schritt 2 - AJAX Verarbeiten ==
main.js
<syntaxhighlight lang="javascript">

</syntaxhighlight>