ajax提交表单极简姿势

前端之家收集整理的这篇文章主要介绍了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="">


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

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


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

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

原文链接:https://www.f2er.com/ajax/160678.html

猜你在找的Ajax相关文章