在用户按Enter / Return键时调用服务器端操作

Question

更新

自从我迅速得到您对这个问题的非常有帮助的答案以来，我已经重新考虑了这个问题。 我认为我需要将其分解为两个小要求，因此我正在更新这个问题。

在我的ASP.NET MVC 4应用程序中，当焦点位于特定文本框中时，当用户按下键盘上的Enter键时，我需要这样做：

方案1：必须调用适当的服务器端操作。 如果用户在光标位于其他文本框中时按Enter键，则必须调用另一个动作。

方案2：如果用户在焦点位于当前页面上任一表单的任何文本框中时按下键盘上的Enter键，则该表单必须与所有表单数据（HttpPost）一起回发到控制器上的操作如该<form>的action属性中所指定。

如何完成这两种情况？

Answer 1

$('#idOfTextbox').keypress(function(e) {
    if(e.which == 13) {
        $.ajax({
        //.. Your values go here...
        });
    }
});

如果要拦截提交的表单，可以使用ajaxForm插件 。 这样，您可以在页面上拥有多个表单，并且在提交表单后，它将对表单的action属性中指定的action方法进行AJAX调用。 然后，您将能够在ajax调用的“成功”回调中处理响应。

Answer 2

您可以使用javascript或简单地将每个输入放在不同的<form>并在其中键入type =“ submit”。

Answer 3

element.onkeydown = function(event) {
    //do something on keydown (enter is keyCode === 13)
};

Answer 4

您可以按照以下步骤进行操作：

$('#idOfTextbox').keypress(function(e) {
    if(e.which == 13) {
       $.ajax({

       url: './savedata',//Your method name, that is to be called
       type: 'POST',
       contentType: 'application/json',//Type of data you want to post
       data: JSON.stringify({ obj: sampleobject }),//object of post-object i.e. data being posted
       success: function(result) {
       //Logic to handle success
        }  
       error: function(){}//Handle error here  
     }
}); 

我举了一个例子来调用一个方法，该方法位于您当前正在使用其视图的同一控制器上。