In diesem Artikel wird hauptsächlich das jQuery-Beispiel für die Verwendung von ajaxSubmit() zum Senden eines Formulars vorgestellt, das mithilfe des erweiterten Drittanbieter-Plug-Ins jquery.form implementiert wird
ajaxSubmit(obj) Die Methode ist eine Methode in jquery.form.js, einem Plug-In von jQuery. Sie müssen dieses Plug-In also zuerst einführen, um diese Methode verwenden zu können. Wie unten gezeigt:
Der Code lautet wie folgt:
Also, wie ajaxSubmit(obj) übergeben Daten übermitteln? Zuerst benötigen wir ein Formular:
XHTML
Der Code lautet wie folgt:
Das Obige ist ein Formular, das normalerweise, wenn wir es direkt über das Formular einreichen, die Die aktuelle Seite springt nach dem Absenden zu der Seite, auf die die Aktion des Formulars verweist. Wenn wir jedoch oft nicht möchten, dass die Seite nach dem Absenden des Formulars springt, können wir die Daten mit ajaxSubmit(obj) übermitteln. Die Verwendungsmethode ist wie folgt:
Der Code lautet wie folgt:
$('button').on('click', function() {
$( 'form') .on('submit', function() {
var title = $('inpur[name=title]').val(),
content = $('textarea').val ();
$ (this) .ajaxSubmit ({
Typ: 'Post', // Absender zum Abrufen/Posten
URL: 'Ihre URL', // Die URL
DATEN: Daten: { 'Titel': Titel,
'Inhalt': Inhalt
},
ERFOLGREICH: Funktion (Daten) {// Daten Die nach der Übermittlung zurückgegebenen Daten, im Allgemeinen
JSON
Daten // Daten können hier verarbeitet werden Alert('Erfolgreich übermittelt!');
}
$(this).
reset
Form() ; / Setzen Sie das Formular nach dem Absenden zurück ;
Das obige ist der detaillierte Inhalt vonjQuery verwendet ajaxSubmit(), um ein Formularbeispiel zu senden. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!