首頁 > web前端 > js教程 > 怎樣用AjaxSubmit()提交file文件

怎樣用AjaxSubmit()提交file文件

php中世界最好的语言
發布: 2018-04-02 14:08:56
原創
2332 人瀏覽過

這次帶給大家怎樣用AjaxSubmit()提交file文件,用AjaxSubmit()提交file文件的注意事項有哪些,下面就是實戰案例,一起來看一下。

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

網路上的推薦多是這種:

$("#formId").submit(
  $(this).ajaxSubmit({
    url:...,
    type:...,
    success:function(){
    ...
    }
  });
  return false;//阻止自动提交
);
登入後複製

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

var opt = {
  type:'post',            
  datatype:'json',
  url:'../../../rybmanagement/upLoadFile',            
  success: function(data) {
  ...
  }
};
$("#formId").ajaxSubmit(opt);//相当于from.submit()
登入後複製

引入文件:

<script src="jquery-form.js" type="text/javascript"></script>
<script src="../../js/jquery-2.1.1.min.js"></script>
登入後複製

相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!

推薦閱讀:

使用Blod做出ajax的進度條下載

Ajax+json實作購物車結算

以上是怎樣用AjaxSubmit()提交file文件的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板