AjaxSubmit()提交file文件-js教程-PHP中文网

AjaxSubmit()提交file文件

亚连

发布： 2018-05-22 16:48:43

原创

2747人浏览过

这篇文章主要介绍了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文件的详细内容，更多请关注php中文网其它相关文章！

大家都在看：

浏览器中动态创建并导入JavaScript模块的实践指南 JavaScript文件上传：accept 属性的局限性与跨浏览器兼容性考量 JavaScript源映射与调试信息 js压缩图片的实现原理及实现过程 Node.js怎么处理文件上传_Node.js实现文件上传功能与前端对接教程