快捷導(dǎo)航

AjaxSubmit()提交file文件

更新時(shí)間：2017年02月24日 09:20:20 作者：Waiting_Love

這篇文章主要介紹了AjaxSubmit()提交file文件的實(shí)例講解,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下

之前在網(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)文章

AJAX實(shí)現(xiàn)仿Google Suggest效果
AJAX實(shí)現(xiàn)仿Google Suggest效果...
2007-07-07
完美解決ajax跨域請(qǐng)求下parsererror的錯(cuò)誤
下面小編就為大家?guī)?lái)一篇完美解決ajax跨域請(qǐng)求下parsererror的錯(cuò)誤。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2017-01-01
ajax無(wú)刷新驗(yàn)證注冊(cè)信息示例
這篇文章主要為大家詳細(xì)介紹了ajax無(wú)刷新驗(yàn)證注冊(cè)信息示例,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-10-10
prototype試用整理資料
prototype試用整理資料...
2007-01-01
自己動(dòng)手封裝的 ajax
過(guò)完年后項(xiàng)目開(kāi)發(fā)比較緊張，好長(zhǎng)時(shí)間沒(méi)寫(xiě)文章了。好在項(xiàng)目進(jìn)入測(cè)試實(shí)施后期，可以有時(shí)間總結(jié)一些自己最近項(xiàng)目的心得了。自從提出WEB2.0富客戶以后AJAX技術(shù)現(xiàn)在是越來(lái)越流行，有待代替CS桌面程序之勢(shì)。
2009-07-07
基于HTML5的可預(yù)覽多圖片Ajax上傳
這篇文章主要為大家詳細(xì)介紹了基于HTML5的可預(yù)覽多圖片Ajax上傳，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-06-06
AjaxUI：滑動(dòng)條
AjaxUI：滑動(dòng)條...
2007-02-02
ajax請(qǐng)求post和get的區(qū)別以及get post的選擇
這篇文章主要介紹了ajax請(qǐng)求post和get的區(qū)別以及get post的選擇,需要的朋友可以參考下
2014-06-06
深入淺析Nginx實(shí)現(xiàn)AJAX跨域請(qǐng)求問(wèn)題
AJAX從一個(gè)域請(qǐng)求另一個(gè)域會(huì)有跨域的問(wèn)題。那么如何在nginx上實(shí)現(xiàn)ajax跨域請(qǐng)求呢？此問(wèn)題難住很多朋友，下面小編給大家?guī)?lái)了Nginx實(shí)現(xiàn)AJAX跨域請(qǐng)求問(wèn)題的相關(guān)知識(shí)，感興趣的朋友一起學(xué)習(xí)吧
2016-06-06
layui Ajax請(qǐng)求給下拉框賦值的實(shí)例
今天小編就為大家分享一篇layui Ajax請(qǐng)求給下拉框賦值的實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2018-08-08