Teilen detaillierter Beispiele für die Verwendung von jQuery.form.js

Mit dem Problem konfrontiert: Nach dem Absenden des Formulars gibt das Backend umgehend Informationen zurück. Das native HTML kann jedoch die vom Backend zurückgegebenen Daten nicht abrufen, was zu einer solchen Situation führt: Nach der Übermittlung springt die Seite und die vom Backend zurückgegebenen JSON-Daten werden auf einer leeren Seite angezeigt, und die Benutzererfahrung beträgt 0 Punkte. Dieser Artikel teilt Ihnen hauptsächlich die Verwendung von jQuery.form.js mit und hofft, allen zu helfen.

Lösung: Verwenden Sie jquery.form.js

Schritte

Passen Sie die Kontrollübermittlungsfunktion an

var submitChange=function () {
    $("form").ajaxSubmit(function (message) {
      alert(message.text);
      window.location.href="/index" rel="external nofollow" ;
    });
    return false;
  }
  //这个函数一是处理了后端返回的数据，二是返回了一个false，阻断了原生submit事件的发生。

Transformieren Sie das Formular (fügen Sie ein Submit-Ereignis hinzu, Benutzerdefinierte Verarbeitungsfunktion zurückgeben)

<form action="/do" onsubmit="return submitChange();">
</form>

Abschließend

Achten Sie darauf, die Js-Datei zu importieren!

Zum Beispiel:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.form/4.2.1/jquery.form.min.js" integrity="sha384-tIwI8+qJdZBtYYCKwRkjxBGQVZS3gGozr3CtI+5JF/oL1JmPEHzCEnIKbDbLTCer" crossorigin="anonymous"></script>

Verwandte Empfehlungen:

Jquery DataTable Front- und Backend-Implementierungsmethode für dynamisches Paging

jquery lädt einzelne Datei-Vue-Komponenten-Methodenfreigabe

jquery klicken Sie auf den Textinhalt, um die Beispielfreigabe zu vergrößern und zu zentrieren

Das obige ist der detaillierte Inhalt vonTeilen detaillierter Beispiele für die Verwendung von jQuery.form.js. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!