Welche Methode wird von jquery form verwendet?

In jquery können Sie die beiden Methoden ajaxForm() und ajaxSubmit() verwenden, um „jquery form“ zu verwenden. Es ist ein Plug-In für die asynchrone Formularübermittlung. Es wird zum Senden des Formulars und zum Festlegen der Parameter verwendet zur Formularübermittlung. Es kann zur Überprüfung und Verarbeitung von Formulardaten vor der Formularübermittlung und zum Funktionsaufruf nach der Formularübermittlung verwendet werden.

Die Betriebsumgebung dieses Tutorials: Windows10-System, JQuery3.2.1-Version, Dell G3-Computer.

So verwenden Sie jquery form

jquery form ist ein Plug-in für die asynchrone Formularübermittlung. Es kann das Formular einfach senden, die Parameter für die Formularübermittlung festlegen, die Formulardaten vor dem Senden des Formulars überprüfen und verarbeiten und anschließend Funktionen aufrufen Das Formular wird abgesendet.

Dieses Plugin verfügt über zwei Hauptmethoden:

ajaxForm() und ajaxSubmit(),

Sie kombinieren Funktionen von der Steuerung von Formularelementen bis hin zur Entscheidung, wie der Übermittlungsprozess verwaltet werden soll.

Sie können beide 0 oder einen Parameter akzeptieren. Der Parameter kann eine Funktion oder ein JS-Objekt sein, ähnlich dem JSON-Format;

ajaxForm() kann das Formular nicht senden, es bereitet nur die Formularübermittlung vor:

1: Übergeben Sie die Funktion

$("#form1").submit(function () {
    $('#form1').ajaxForm(function () {
        alert("提交成功2")
    })
})

Aber obwohl ich viele gelesen habe Blogs, Es ist so geschrieben. Nach dem Ausführen des eigentlichen Codes habe ich festgestellt, dass „Submission Successful 2“ nicht gedruckt wurde, das heißt, die Funktion wurde nicht eingegeben

Und nach dem Absenden springt die Seite zur Adresse Mit anderen Worten, diese Methode kann das Formular nicht implementieren. Die asynchrone Übermittlung dient nur der Vorbereitung der Formularübermittlung, aber die Art und Weise, wie eine Funktion übergeben wird, ist für diese Methode nicht geeignet, da sie nicht eingegeben wird wenn mit meinem Schreiben etwas nicht stimmt. Wenn die übergebene Option jedoch ein Objekt ist, wird sie wirksam.

var options = {
    url: "/day09/jqueryFormServlet", //提交地址：默认是form的action,如果申明,则会覆盖
    type: "post",   //默认是form的method（get or post），如果申明，则会覆盖
    beforeSubmit: beforeCheck, //提交前的回调函数
    success: successfun,  //提交成功后的回调函数
    target: "#output",  //把服务器返回的内容放入id为output的元素中
    dataType: "json", //html(默认), xml, script, json...接受服务端返回的类型
    clearForm: true,  //成功提交后，是否清除所有表单元素的值
    resetForm: true,  //成功提交后，是否重置所有表单元素的值
    timeout: 3000     //限制请求的时间，当请求大于3秒后，跳出请求
};

2: Übergeben Sie ein js-Objekt

$('#form1').ajaxForm(options)

ajaxSubmit()-Methode: Implementieren Sie die asynchrone Übermittlung des Formulars

$("#form1").submit(function () {
    $('#form1').ajaxSubmit(function () {
        alert("提交成功2")
    })
    return false;
})

Sie müssen hier false zurückgeben, sonst wird das Formular zweimal übermittelt, da es einmal asynchron und einmal von übermittelt wird Standard;

$('#form1').ajaxSubmit(options)

Aber wenn das Optionsobjekt übergeben wird, wird es nur einmal übermittelt

Empfohlenes Video-Tutorial:jQuery-Video-Tutorial

Das obige ist der detaillierte Inhalt vonWelche Methode wird von jquery form verwendet?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!