Question

无法尝试简化此操作。对jQuery来说还是有点新鲜所以请原谅我，如果这是我想念的简单。

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

这就是我正在使用的：

$('#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
    }        
})

启用输入按钮或使用jQuery单击窗体上的事件

2 个答案: