关于使用jquery form submit出现多次提交的问题

最新推荐文章于 2021-06-23 18:39:14 发布

转载最新推荐文章于 2021-06-23 18:39:14 发布 · 533 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/weiweithe/p/4503918.html

文章标签：

#javascript #ViewUI

本文纠正了使用jQuery的.ajaxSubmit()方法时常见的错误写法，并提供了正确的实现方式。通过对比，强调了去掉外层submit调用的重要性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

错误的写法：

$(this).submit(function () {
                    $(this).ajaxSubmit({
                        url: opts.url,
                        type: 'post',
                        dataType: 'json',
                        beforeSubmit: function () {
                            opts.beforeSubmit();
                        },
                        success: function (result) {
                            opts.success(result);
                        }
                    });
                    return false;
                }).submit();

下面是正确的写法：

$(this).ajaxSubmit({
                    url: opts.url,
                    type: 'post',
                    dataType: 'json',
                    beforeSubmit: function () {
                        opts.beforeSubmit();
                    },
                    success: function (result) {
                        opts.success(result);
                    }
                });
                return false;

去掉了外层的Jquery的submit提交。

转载于:https://www.cnblogs.com/weiweithe/p/4503918.html