ajax提交表单极简姿势-阿里云开发者社区

开发者社区> 开发与运维> 正文
登录阅读全文

ajax提交表单极简姿势

简介:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<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])










本文转自 hgditren 51CTO博客,原文链接:http://blog.51cto.com/phpme/1972928,如需转载请自行联系原作者

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

分享:
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

其他文章