ajax提交表单极简姿势
标签:
JavaScript
<script type="text/javascript"> function submitform() { var action_url = $('form[name="form-oem-add"]').attr('action'); var action_type = $('form[name="form-oem-add"]').attr('method'); //var post_data = $('form[name="form-oem-add"]').serialize(); var post_data = new FormData($('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>
需要注意的是:
表单中的三个属性缺一不可
<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])
点击查看更多内容
为 TA 点赞
评论
共同学习,写下你的评论
评论加载中...
作者其他优质文章
正在加载中
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦