jQuery异步表单提交

时间:2022-12-13 17:21:50
有时在A页面点击按钮弹出一个form表单,在填完表单后提交成功后,需要关闭表单页并将表单中的某些值反应在A页面上,这时就需要异步提交表单。其实也挺简单,只是需要把表单数据序列化。

   $("#form1").submit(function (){
var ajax_url = "yourActionUrl"; //表单目标
var ajax_type = $(this).attr('method'); //提交方法
var ajax_data = $(this).serialize(); //表单数据 $.ajax({
type:ajax_type, //表单提交类型
url:ajax_url, //表单提交目标
data:ajax_data, //表单数据
success:function(msg){
if(msg == 'success'){//msg 是后台调用action时,你穿过来的参数
//do things here
window.close();
}else{
//do things here
}
}
});
//return false; //阻止表单的默认提交事件
});