AjaxSubmit()提交file文件

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

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

之前在網(wǎng)上查了各種方法，想要提交file文件，還要能接收返回值。推薦使用ajaxSubmit()方法。

網(wǎng)上的推薦多是這種：

$("#formId").submit(
  $(this).ajaxSubmit({
    url:...,
    type:...,
    success:function(){
    ...
    }
  });
  return false;//阻止自動提交
);

但使用的時候會發(fā)現(xiàn)，這樣會出現(xiàn)多次提交，第一次請求一次，第二次請求兩次….。
而ajaxSubmit()本身就有submit()的功能，所以無需這樣做，只用：

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í)例，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

相關(guān)文章

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