站長資訊網(wǎng)
        最全最豐富的資訊網(wǎng)站

        jquery form使用的方法是什么

        在jquery中,可以利用ajaxForm()和ajaxSubmit()兩個(gè)方法來使用“jquery form”,“jquery form”是一個(gè)表單異步提交的插件,用于提交表單并設(shè)置表單提交的參數(shù),能夠在表單提交前對(duì)表單數(shù)據(jù)進(jìn)行校驗(yàn)和處理和表單提交后的函數(shù)調(diào)用。

        jquery form使用的方法是什么

        本教程操作環(huán)境:windows10系統(tǒng)、jquery3.2.1版本、Dell G3電腦。

        jquery form怎么用

        jquery form是一個(gè)表單異步提交的插件,可以很容易提交表單,設(shè)置表單提交的參數(shù),并在表單提交前對(duì)表單數(shù)據(jù)進(jìn)行校驗(yàn)和處理和表單提交后的函數(shù)調(diào)用。

        這個(gè)插件有兩個(gè)主要方法:

        ajaxForm() 和 ajaxSubmit(),

        它們集合了從控制表單元素到?jīng)Q定如何管理提交進(jìn)程的功能;

        他們都可以接受0個(gè)或一個(gè)參數(shù),參數(shù)可以為一個(gè)函數(shù)或者一個(gè)JS對(duì)象,類似json格式;

        ajaxForm()不能提交表單,只是為表單提交做準(zhǔn)備:

        1:傳入函數(shù)

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

        但是雖然我看了很多博客都是這樣寫,我實(shí)際代碼運(yùn)行之后發(fā)現(xiàn),“提交成功2”并沒有打印,也就是函數(shù)沒有進(jìn)去,

        而且提交后,頁面會(huì)跳轉(zhuǎn)到action的地址,也就是說,這個(gè)方法不能實(shí)現(xiàn)表單的異步提交,只是為表單提交做準(zhǔn)備,但傳入一個(gè)函數(shù)的方式不適合這個(gè)方法,因?yàn)闆]有進(jìn)去,不知道是不是我寫的有問題。但是如果傳入一個(gè)option是對(duì)象,就能生效。

        var options = {     url: "/day09/jqueryFormServlet", //提交地址:默認(rèn)是form的action,如果申明,則會(huì)覆蓋     type: "post",   //默認(rèn)是form的method(get or post),如果申明,則會(huì)覆蓋     beforeSubmit: beforeCheck, //提交前的回調(diào)函數(shù)     success: successfun,  //提交成功后的回調(diào)函數(shù)     target: "#output",  //把服務(wù)器返回的內(nèi)容放入id為output的元素中     dataType: "json", //html(默認(rèn)), xml, script, json...接受服務(wù)端返回的類型     clearForm: true,  //成功提交后,是否清除所有表單元素的值     resetForm: true,  //成功提交后,是否重置所有表單元素的值     timeout: 3000     //限制請(qǐng)求的時(shí)間,當(dāng)請(qǐng)求大于3秒后,跳出請(qǐng)求 };

        2:傳入一個(gè)js對(duì)象

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

        ajaxSubmit()方法:實(shí)現(xiàn)表單的異步提交

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

        這里必須返回false,不然表單會(huì)提交兩次,因?yàn)楫惒教峤灰淮危J(rèn)提交一次;

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

        但如果傳入options對(duì)象則只會(huì)提交一次

        視頻教程推薦:jQuery視頻教程

        贊(0)
        分享到: 更多 (0)
        網(wǎng)站地圖   滬ICP備18035694號(hào)-2    滬公網(wǎng)安備31011702889846號(hào)
        主站蜘蛛池模板: 伊人精品视频在线| 国产2021精品视频免费播放| 亚洲无码日韩精品第一页| 精品国产综合成人亚洲区| 午夜亚洲av永久无码精品| 99久久精品免费国产大片| 欧美午夜精品久久久久免费视| 国产精品第一区第27页| 国产精品久久久久久久久| 亚洲精品无码成人片久久 | 精品一区二区三区免费视频| 99热精品在线| 久久精品水蜜桃av综合天堂| 色婷婷噜噜久久国产精品12p| 国产亚洲精品AA片在线观看不加载| 国产一区二区精品久久| 久久精品国产亚洲77777| 尤物TV国产精品看片在线| 国产精品激情综合久久| 久久亚洲欧美日本精品| 国产精品无码一区二区三区电影| 正在播放酒店精品少妇约| 欧美亚洲另类精品第一页| 精品久久久久久99人妻| 国产精品你懂的在线播放| 91久久精品国产免费直播| 亚洲一区精品中文字幕| 国产精品久久影院| 久久国产乱子精品免费女| 99香蕉国产精品偷在线观看 | 国产欧美日韩综合精品二区| 91精品婷婷国产综合久久| 影视网欧洲精品| 精品视频在线免费观看| 国产精品宾馆在线精品酒店| 91视频国产精品| 国产92成人精品视频免费| 2020亚洲男人天堂精品| 99久久免费国产精品热| 久久精品国产精品青草| 四虎国产精品免费久久久|