ajax提交表单极简姿势

<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之路” 博客，转载请与作者联系！

ajax提交表单极简姿势

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