ajax提交表单极简姿势

<scripttype="text/javascript">
functionsubmitform(){
varaction_url=$('form[name="form-oem-add"]').attr('action');
varaction_type=$('form[name="form-oem-add"]').attr('method');
//varpost_data=$('form[name="form-oem-add"]').serialize();
varpost_data=newFormData($('form[name="form-oem-add"]')[0]);

$.ajax({
type:action_type.toUpperCase(),url:action_url,data:post_data,//要提交的表单
async:false,cache:false,contentType:false,processData:false,success:function(msg){
if(msg.errorCode==1){
popx(msg.errorMsg,5);
}else{
popx('新建成功',5);
}
}
});
}
</script>

需要注意的是：

1. 表单中的三个属性缺一不可
   <form name="" action="" method="">
   

2. 
   

表单中不存在文件域时，可以直接利用jquery的序列化来打包数据

var post_data = $('form[name="form-oem-add"]').serialize()

表单中存在文件域时，可以利用html5的Form Data 对象打包数据

var post_data = new FormData($('form[name="form-oem-add"]')[0])

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!