ajax如何提交表单附件,通过jQuery Ajax提交表单数据时同时上传附件

1、使用场景：需要使用ajax提交表单，但是提交的表单里含有附件上传

2、代码实现方式：

发布

function submitStoreInfo(){

var formData = new FormData(document.getElementById("J-add-form"));

$.ajax({

url:'xxx.php',

type:'post',

data:formData,

cache: false, // 设置为false,上传文件不需要缓存

processData: false, // 设置为false,因为data值是FormData对象，不需要对数据做处理

contentType: false, // 设置为false,因为是由

表单构造的FormData对象，且已经声明了属性enctype="multipart/form-data"

success:function(data){

oData = jQuery.parseJSON(data);

},

error:function(e){

alert('网络出错了！');

}

});

}

$picData = $_FILES['qr_code'];

?>

BY bjr Time:17:14:06

jquery ajax提交表单数据的两种方式

http://www.kwstu.com/ArticleView/kwstu_201331316441313 貌似AJAX越来越火了,作为一个WEB程序开发者要是不会这个感觉就要落伍,甚至有可能在求职 ...

Ajax 提交表单【包括文件上传】

利用js插件实现

JQuery ajax提交表单及表单验证

JQuery ajax提交表单及表单验证 博客分类: jsp/html/javascript/ajax/development Kit 开源项目   注:经过验证,formValidator只适合一个 ...

Jquery ajax提交表单几种方法

在jquery中ajax提交表单有post与get方式,在使用get方式时我们可以直接使用ajax 序列化表单$('#表单ID').serialize();就行了,下面我来介绍两个提交表单数据的方法. ...

Jquery ajax提交表单几种方法详解

[导读] 在jquery中ajax提交表单有post与get方式,在使用get方式时我们可以直接使用ajax 序列化表单$( 表单ID) serialize();就行了,下面我来介绍两个提交表单数据的 ...

使用ajax异步提交表单数据(史上最完整的版本)

额 为啥用这个 不用form呢,因为这个效率高,而且在浏览器中运行程序的时候如果出现bug的话,页面不会显示显示错误信息,提高了用户的体验度. 那么,就来看看把,先给数据库表截个图哈 然后写项目被 我 ...

Ajax提交表单数据(包含文件)

1. 表单数据->JSON->后台 2. 表单序列化[方式一] jquery.serializejson.js

jquery Ajax提交表单数据

//表单中控件的name要和实体类字段属性一致 $.ajax({ cache: true, type: "POST", url:ajaxCallUrl, data:$('#your ...

随机推荐

浴室随想——RogueLike随想

好玩的RogueLike 0 不同的追求 1 从追求中寻找商机 2 更的直接方法 3 我的追求 4 我的方法 5 好玩的RogueLike RogueLike游戏很好玩,因为你永远不知道接下来会发生什 ...

buddy算法

buddy算法是用来做内存管理的经典算法,目的是为了解决内存的外碎片.避免外碎片的方法有两种: 1,利用分页单元把一组非连续的空闲页框映射到非连续的线性地址区间. 2,开发适当的技术来记录现存的空闲连 ...

TOMCAT报错:HTTP Status 404 -

构建struts2工程师,tomcat报错: HTTP Status 404 - type Status report message description The requested resour ...

C++primer学习笔记(三)——Chapter 5

5.1   Simple Statements 1.记得每个语句后面加上”;”不过现在编译器都有实时编译,一般都不会忘记的, 2.空语句 (1)就是啥都没有.只有一个“:” (2)还是有很多用处的,例 ...

初学java，遇到的陌生词语(1)

字节码文件:不包含硬件信息,完全与硬件平台无关,因此,无法直接由操作系统来运行. Java应用程序的执行过程:代码装入.代码检验.代码执行. 1.代码装入:由类装配器完成,装入程序运行时所需的所有源代 ...

db2备份还原

还原步骤:创建好数据库后进入该数据库 .restore db TSMESDB from D:\ICSS\dbData on D:\ICSS\dbData  into TSMESDB redirect. ...

日常实用css布局技巧汇总

1.单行完整显示,多行省略显示. .box { width: 100px;  //必要 display: -webkit-box;    //必要 font-size: 14px; line-heig ...

2018/03/20 每日一个Linux命令 之 cp

cp 命令用于复制文件/目录 cp [-参数] [复制文件] [复制成为的新文件] 参数(这里只介绍平常会用到的,之后的话遇到再回来补充) -f 覆盖已经存在的目标文件而不给出提示. -i 与-f选项 ...

7.如何将python脚本打包为exe形式

先安装pyinstaller,pip install pyinstaller 然后 pyinstaller -F combine.py打包即可