ProcessWire Upload Formular mit AJAX: Unterschied zwischen den Versionen

Aus Wikizone
Wechseln zu: Navigation, Suche
Zeile 16: Zeile 16:
 
   <div class="message-box" style="display:none;"></div>
 
   <div class="message-box" style="display:none;"></div>
 
</div>
 
</div>
</sytaxhighlight>
+
</syntaxhighlight>
  
 
* JavaScript Datei für AJAX Versand hinzufügen
 
* JavaScript Datei für AJAX Versand hinzufügen

Version vom 11. Februar 2019, 10:53 Uhr

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>
  • 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