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!
