首页 > web前端 > js教程 > 怎样用AjaxSubmit()提交file文件

怎样用AjaxSubmit()提交file文件

php中世界最好的语言
发布: 2018-04-02 14:08:56
原创
2341 人浏览过

这次给大家带来怎样用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>
登录后复制

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

推荐阅读:

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

Ajax+json实现购物车结算

以上是怎样用AjaxSubmit()提交file文件的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板