AjaxSubmit()提交file文件
之前在網(wǎng)上查了各種方法,想要提交file文件,還要能接收返回值。推薦使用ajaxSubmit()方法。
網(wǎng)上的推薦多是這種:
$("#formId").submit( $(this).ajaxSubmit({ url:..., type:..., success:function(){ ... } }); return false;//阻止自動(dòng)提交 );
但使用的時(shí)候會(huì)發(fā)現(xiàn),這樣會(huì)出現(xiàn)多次提交,第一次請(qǐng)求一次,第二次請(qǐng)求兩次….。
而ajaxSubmit()本身就有submit()的功能,所以無(wú)需這樣做,只用:
var opt = { type:'post', datatype:'json', url:'../../../rybmanagement/upLoadFile', success: function(data) { ... } }; $("#formId").ajaxSubmit(opt);//相當(dāng)于from.submit()
引入文件:
<script src="jquery-form.js" type="text/javascript"></script> <script src="../../js/jquery-2.1.1.min.js"></script>
以上所述是小編給大家介紹的AjaxSubmit()提交file文件的實(shí)例,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
相關(guān)文章
JS AJAX前臺(tái)如何給后臺(tái)類的函數(shù)傳遞參數(shù)
這篇文章主要介紹了JS AJAX前臺(tái)給后臺(tái)類的函數(shù)傳遞參數(shù)的方法,下面有個(gè)不錯(cuò)的示例,需要的朋友可以參考下2014-06-06如何解決遠(yuǎn)程頁(yè)面抓取中的亂碼問(wèn)題
如何解決遠(yuǎn)程頁(yè)面抓取中的亂碼問(wèn)題...2006-12-12AJAX初級(jí)應(yīng)用-RSS無(wú)刷新聚合器的代碼與下載
AJAX初級(jí)應(yīng)用-RSS無(wú)刷新聚合器的代碼與下載...2007-03-03Ajax中responseText返回的是一個(gè)頁(yè)面而不是一個(gè)值
用response返回的內(nèi)容卻是一個(gè)頁(yè)面的,可以將String 類型改為void 這樣返回的就不是整個(gè)頁(yè)面了2014-05-05ajax異步傳值及后端接收參數(shù)的多種方式小結(jié)
這篇文章主要介紹了ajax異步傳值及后端接收參數(shù)的多種方式小結(jié),本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2023-11-11登錄超時(shí)給出提示跳到登錄頁(yè)面(ajax、導(dǎo)入、導(dǎo)出)
這篇文章主要介紹了登錄超時(shí)給出提示跳到登錄頁(yè)面(ajax、導(dǎo)入、導(dǎo)出)的相關(guān)資料,需要的朋友可以參考下2016-02-02細(xì)數(shù)Ajax請(qǐng)求中的async:false和async:true的差異
下面小編就為大家?guī)?lái)一篇細(xì)數(shù)Ajax請(qǐng)求中的async:false和async:true的差異。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-02-02初步了解JavaScript,Ajax,jQuery,并比較三者關(guān)系
這篇文章主要介紹了初步了解JavaScript,Ajax,jQuery,并比較三者關(guān)系的相關(guān)資料,需要的朋友可以參考下2015-10-10