为了账号安全,请及时绑定邮箱和手机立即绑定

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>



需要注意的是:

  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])




点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消