一般想要不刷新页面提交数据时,可以使用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("提交异常");
}
});
2、FormData动态添加数据
var formdata=new FormData($('#formID')[0]);
formdata.append("name",xx);//添加一条数据
//append()以键值对的形式往FormData塞数据
3、FormData添加文件类型数据
formdata.append("file",$("#fileId")[0].files[0]);
4、使用FormData和ajax配合提交表单可以实现不刷新页面,并且可以等待服务器返回结果做一些响应。
$.ajax({
type : "post",
url : URL,
data : formdata,
contentType : false,// 告诉jQuery不要去设置Content-Type请求头
processData: false,// 告诉jQuery不要去处理发送的数据
success : function(data) {
根据服务器返回值响应事件
},
error : function() {
alert("提交异常");
}
});