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

AjaxSubmit()提交file文件

程序员文章站 2022-03-11 09:47:49
...
这篇文章主要介绍了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>

上面是我整理给大家的,希望今后会对大家有帮助。

相关文章:

AjaxFileUpload+Struts2实现多文件上传功能

实现ajax发送异步请求(图文教程)

ajax实现上传图片保存到后台并读取的实例(图文教程)

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