欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

怎样用AjaxSubmit()提交file文件

程序员文章站 2022-04-20 22:18:17
...
这次给大家带来怎样用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>

相信看了本文案例你已经掌握了方法,更多精彩请关注其它相关文章!

推荐阅读:

使用Blod做出ajax的进度条下载

Ajax+json实现购物车结算

以上就是怎样用AjaxSubmit()提交file文件的详细内容,更多请关注其它相关文章!