Question

当用户在表单上单击“提交”时，我尝试使用以下命令执行ajax请求，以便页面不会重新加载。

$('#pick-names-and-email').submit(function(e) {
            $.ajax({
                type: 'POST',
                url: $('#participants-summary').attr('action'),
                data: $('#participants-summary').serialize(),
                success: function(data) {
                    alert('ajaxdone');
                }

            });
            e.preventDefault();
        });

出于某种原因，当我点击页面上的链接时，它会执行常规表单提交，并且永远不会调用我的事件处理程序。奇怪的是，如果我在某个地方的javascript中$('#pick-names-and-email').submit()，那么ajax执行得很好。似乎不会仅为鼠标单击调用事件处理程序。有什么想法吗？

编辑：#pick-names-and-email是我的提交按钮

Answer 1

#pick-names-and-email ID在提交按钮上，

点击 #pick-names-and-email 表单上的提交按钮时，系统会调用提交功能

<form id="#pick-names-and-email"> <input ..... /> <input ..... /> <input type="submit"..... /> </form>

单击时未调用jQuery .submit事件句柄

1 个答案: