Apakah kaedah yang digunakan oleh borang jquery

Dalam jquery, anda boleh menggunakan dua kaedah ajaxForm() dan ajaxSubmit() untuk menggunakan "borang jquery" ialah pemalam untuk penyerahan borang tak segerak, yang digunakan untuk menyerahkan borang dan tetapkan masa penghantaran borang yang boleh mengesahkan dan memproses data borang sebelum menyerahkan borang dan memanggil fungsi selepas borang diserahkan.

Persekitaran pengendalian tutorial ini: sistem windows10, versi jquery3.2.1, komputer Dell G3.

Cara menggunakan borang jquery

borang jquery ialah pemalam untuk penyerahan borang tak segerak Ia boleh menyerahkan borang dengan mudah, menetapkan parameter untuk penyerahan borang dan mengesahkan data borang sebelum menyerahkan Panggilan fungsi selepas pemprosesan dan penyerahan borang.

Pemalam ini mempunyai dua kaedah utama:

ajaxForm() dan ajaxSubmit(),

Mereka menggabungkan segala-galanya daripada mengawal elemen borang hingga memutuskan cara untuk Fungsi mengurus proses penyerahan;

Mereka boleh menerima 0 atau satu parameter, dan parameter boleh menjadi fungsi atau objek JS, serupa dengan format json

ajaxForm() tidak boleh diserahkan borang, hanya Sediakan untuk penyerahan borang:

1: Pass in function

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

Tetapi walaupun saya membaca banyak blog yang ditulis seperti ini, selepas menjalankan kod sebenar, saya dapati, "Submission berjaya 2" Tiada cetakan, iaitu fungsi tidak dimasukkan,

dan selepas penyerahan, halaman akan melompat ke alamat tindakan. Dengan kata lain, kaedah ini tidak boleh melaksanakan penyerahan tak segerak bagi borang, tetapi hanya bersedia untuk penyerahan borang, tetapi Kaedah lulus dalam fungsi tidak sesuai untuk kaedah ini, kerana ia tidak dimasukkan Saya tidak tahu jika ada sesuatu yang salah dengan penulisan saya. Tetapi jika pilihan diluluskan sebagai objek, ia akan berkuat kuasa.

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: Masukkan objek js

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

kaedah ajaxSubmit(): laksanakan penyerahan tak segerak bagi borang

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

Ini mesti mengembalikan palsu, jika tidak Borang akan diserahkan dua kali, kerana ia diserahkan sekali secara tak segerak dan sekali secara lalai

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

Tetapi jika objek pilihan diluluskan, ia hanya akan diserahkan sekali

Video; cadangan tutorial: Tutorial video jQuery

Atas ialah kandungan terperinci Apakah kaedah yang digunakan oleh borang jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!