jquery - 使用 jQuery 在表单上启用输入按钮或单击事件

Question

尝试简化此过程时遇到了麻烦。对 jQuery 来说还是有些新意，所以如果我遗漏了一些简单的东西，请原谅我。

我已经在通过点击事件发送表单时设置了 AJAX 请求。但是，我需要“输入”键才能正常工作，而不是在发送时重新加载页面。

这就是我正在使用的：

$('#submit').click(function() {
     //Do AJAX Stuff
});

$('#submit').keydown(function (e){
if(e.keyCode == 13){
     //Do AJAX Stuff
}
})

那么我想说的是，我可以将这两个函数结合起来用于同一个 AJAX 请求吗？

Answer 1

只需将submit处理程序绑定到您的表单（而不是提交按钮）。它处理所有这些情况：

$('#your_form').submit(function(e) {
    var $this = $(this);
    e.preventDefault(); // Prevents the form from submitting regularly

    $.ajax({            // Sends the appropriate AJAX request instead
        url: $this.attr('action'),
        type: $this.attr('method'),
        data: $this.serialize(),
        success: function(response) {
            alert(response);
        }
    });
});

Answer 2

您可以使用on()事件绑定器：

$('#submit').on("click keydown", function(e){
    if(e.keyCode == 13 || e.type == "click"){
         //Do AJAX Stuff
    }        
})