如何防止 form.trigger('submit') 上的页面刷新？答案

【问题标题】：How to prevent page refresh upon form.trigger('submit')?如何防止 form.trigger('submit') 上的页面刷新？
【发布时间】：2016-06-20 11:03:49
【问题描述】：

我有以下代码，当用户点击表单的提交按钮触发时效果很好：

            // load dashboards when filter form is submitted
            $('div.active form.filter-form').submit(function (e) {
                // get submitted values
                submittedData = $(this).serializeArray();
                getDashboardURL();
                e.preventDefault();
            });

但是，每当我尝试在下面的 sn-p 中触发表单提交时，都会导致页面刷新：

            // trigger reload of dashboard
            $('select.filter').change(function () {
                $('select#'+this.id).val($(this).val());

                $('div.active form.filter-form').trigger('submit');

            });

如何防止表单提交（由选择更改事件触发）刷新页面？

【问题讨论】：

对我来说似乎没问题。浏览器控制台有什么错误吗？
在您使用的第一个代码块中 e.preventDefault();因此，它默认限制为提交，但在第二个中它以“提交”形式提交

标签： javascript jquery ajax forms

【解决方案1】：

您可以简单地将return false 放在您的表单标记上。

<form onsubmit="function(); return false;">

否则，将按钮类型更改为 "button" 而不是 "submit" 也应该可以。

【讨论】：