您当前的位置:首页 > 网站建设 > ajax
| php | asp | css | H5 | javascript | Mysql | Dreamweaver | Delphi | 网站维护 | 帝国cms | React | 考试系统 | ajax | jQuery |

AjaxSubmit()提交file文件

51自学网 2022-02-21 10:52:32
  ajax

之前在网上查了各种方法,想要提交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文件的实例,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对51zixue.net网站的支持!


下载地址:
ajax局部刷新实例 (三种方法推荐)
基于Blod的ajax进度条下载实现示例代码
51自学网,即我要自学网,自学EXCEL、自学PS、自学CAD、自学C语言、自学css3实例,是一个通过网络自主学习工作技能的自学平台,网友喜欢的软件自学网站。
京ICP备13026421号-1