AjaxSubmit()提交file文件

织梦狗教程前端开发

2023-01-31

这篇文章主要介绍了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>

以上所述是小编给大家介绍的AjaxSubmit()提交file文件的实例，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对编程学习网网站的支持！

织梦狗教程

本文标题为：AjaxSubmit()提交file文件

上一篇： ajax局部刷新实例 (三种方法推荐)

下一篇：基于Blod的ajax进度条下载实现示例代码

基础教程推荐

学习HTML

学习jQuery

学习Laravel

学习CSS3

学习Vue.js

学习Bootstrap5

学习ThinkPHP

学习AJAX