ajax提交表单极简姿势

Posted 2020-10-11

<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="">
   

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

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