Javascript 在文本框的按键事件上使用jquery调用abc.aspx.vb中的函数_Javascript_Jquery_Asp.net_Vb.net

Javascript 在文本框的按键事件上使用jquery调用abc.aspx.vb中的函数

javascript jquery asp.net vb.net

Javascript 在文本框的按键事件上使用jquery调用abc.aspx.vb中的函数,javascript,jquery,asp.net,vb.net,Javascript,Jquery,Asp.net,Vb.net,我在abc.aspx.vb中定义了一个函数sendDetails。我想使用textbox按键事件并调用此函数。为此，我尝试使用jQuery，因为文本框不支持按键事件。我尝试了很多搜索，但没有找到解决方案。希望能在这里找到 abc.aspx <asp:TextBox ID="txtTextBox" runat="server" Width="100%" MaxLength="200" onkeypress="EnterEvent(event)"> 有人能帮我解决这个问题吗？我需要写一

我在abc.aspx.vb中定义了一个函数sendDetails。我想使用textbox按键事件并调用此函数。为此，我尝试使用jQuery，因为文本框不支持按键事件。我尝试了很多搜索，但没有找到解决方案。希望能在这里找到

abc.aspx

<asp:TextBox ID="txtTextBox" runat="server" Width="100%" MaxLength="200" onkeypress="EnterEvent(event)">

有人能帮我解决这个问题吗？我需要写一个jQuery

非常感谢。

您可以在keypress事件上编写jQuery Ajax调用来实现这一点。记住，代码隐藏端的函数必须是静态的，上面定义了WebMethod标记，以便通过jQueryAjax调用访问它。以下是按键事件的一个非常基本的示例：

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $("#txtTextBox").keypress(function () {
                $.ajax({
                    type: "POST",
                    url: "Default.aspx/sendDetails",
                    contentType: "application/json; charset=utf-8",
                    data: "{ TextBoxData:'" + $("#txtTextBox").val() + "'}",
                    dataType: "json",
                    success: function (data) {
                        //-- do whatever you need on returned result here
                        alert(data.d);
                    },
                    error: function (result) {
                        alert('Error: ' + result.responseText);
                    }
                });
            });
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <asp:TextBox ID="txtTextBox" runat="server" Width="100%" MaxLength="200"></asp:TextBox>
        </div>
    </form>
</body>
</html>

在代码隐藏端，将要调用的共享/静态函数定义为：

<System.Web.Services.WebMethod()>
Public Shared Function sendDetails(TextBoxData As String) As String
    'If String.IsNullOrEmpty(Me.txtTextBox.Text) Then
    '    Exit Sub
    'End If
    'Me.txtTextBox.Text = ""
    Return "Value in textbox is: " & TextBoxData
End Function

请记住，由于它是共享/静态的，您将无法访问任何页面控件或视图状态。

是，请参阅

<System.Web.Services.WebMethod()>
Public Shared Function sendDetails(TextBoxData As String) As String
    'If String.IsNullOrEmpty(Me.txtTextBox.Text) Then
    '    Exit Sub
    'End If
    'Me.txtTextBox.Text = ""
    Return "Value in textbox is: " & TextBoxData
End Function