//监听表单提交,变为异步提交表单
$("#add_action").on("submit", function(event){
alert(1);
var form = this;//this代表的就是当前提交表单的DOM对象
//用H5的FormData对象对表单数据进行构造
var formData = new FormData(form);//FormData构造器接收的是一个form的DOM对象
$("#add_action").on("submit", function(event){
alert(1);
var form = this;//this代表的就是当前提交表单的DOM对象
//用H5的FormData对象对表单数据进行构造
var formData = new FormData(form);//FormData构造器接收的是一个form的DOM对象
$.ajax({
url: this.action,
type: "POST",
data: formData,
dataType: "JSON",
async: true,
//要想用jquery的ajax来提交FormData数据,
//则必须要把这两项设为false
processData: false,
contentType: false,
//这里是防表单重复提交,可以忽略
beforeSend: function(xhr){
$("#importForm :submit").attr("disabled",true);
},
complete: function(xhr,status){
$("#importForm :submit").attr("disabled", false);
},
error: function(xhr,status,error){
alert("请求出错!");
},
success: function(result){
alert("表单提交成功!");
}
});
//阻止表单的提交事件
return false;
});
url: this.action,
type: "POST",
data: formData,
dataType: "JSON",
async: true,
//要想用jquery的ajax来提交FormData数据,
//则必须要把这两项设为false
processData: false,
contentType: false,
//这里是防表单重复提交,可以忽略
beforeSend: function(xhr){
$("#importForm :submit").attr("disabled",true);
},
complete: function(xhr,status){
$("#importForm :submit").attr("disabled", false);
},
error: function(xhr,status,error){
alert("请求出错!");
},
success: function(result){
alert("表单提交成功!");
}
});
//阻止表单的提交事件
return false;
});