首页 > Web开发 > 详细

ajax提交表单极简姿势

时间:2017-10-16 21:23:05      阅读:306      评论:0      收藏:0      [点我收藏+]
<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])




本文出自 “我的PHP之路” 博客,转载请与作者联系!

ajax提交表单极简姿势

原文:http://phpme.blog.51cto.com/663593/1972928

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!