FormData---ajax提交数据

一般想要不刷新页面提交数据时，可以使用ajax提交。如果数据量不大可以自己写json数据用ajax提交到后台服务，但是数据量多且需要动态添加数据时，自己写json格式数据就有点麻烦了，这时候就需要FormData来替我们完成数据的装载了。

1、FormData提交表单数据

$.ajax({
        type : "post",
        url : URL,
        data : new FormData($('#formID')[0]),
        contentType : false,// 告诉jQuery不要去设置Content-Type请求头
        processData: false,// 告诉jQuery不要去处理发送的数据
        success : function(data) {
            alert(data.msg);
        },
        error : function() {
            alert("提交异常"); 
        }
    });

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13

2、FormData动态添加数据

var formdata=new FormData($('#formID')[0]);
formdata.append("name",xx);//添加一条数据
//append()以键值对的形式往FormData塞数据

• 1
• 2
• 3

3、FormData添加文件类型数据

formdata.append("file",$("#fileId")[0].files[0]);

• 1

4、使用FormData和ajax配合提交表单可以实现不刷新页面，并且可以等待服务器返回结果做一些响应。

$.ajax({
        type : "post",
        url : URL,
        data : formdata,
        contentType : false,// 告诉jQuery不要去设置Content-Type请求头
        processData: false,// 告诉jQuery不要去处理发送的数据
        success : function(data) {
            根据服务器返回值响应事件
        },
        error : function() {
            alert("提交异常"); 
        }
    });