当前位置:Gxlcms > JavaScript > 怎样用AjaxSubmit()提交file文件

怎样用AjaxSubmit()提交file文件

时间:2021-07-01 10:21:17 帮助过:3人阅读

这次给大家带来怎样用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>

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

推荐阅读:

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

Ajax+json实现购物车结算

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

人气教程排行