在没有任何单击按钮的情况下更改文本框值时调用 c# 方法

本文关键字：文本 调用 方法 任何 单击 按钮 情况下 | 更新日期: 2023-09-27 18:34:23

我想调用一个从数据库加载数据的c#方法"test（）"。该调用应该在我的文本框值的每次更改中。我有两个文本框，当我写东西时，应该会出现一个网格视图（这就是test（）应该做的）。我正在使用jQuery在文本框的每个更改中调用test（），而无需使用任何按钮，但无法运行。我感谢任何帮助:)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script>
    $(document).ready(function() {
        $(".calculate").each(function() {
            $(this).keyup(function() {
                $.ajax({
                    type: "POST",
                    url: "FirstPage.aspx/test",
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function(response) {
                        $("#Content").text(response.d);
                    },
                    failure: function(response) {
                        alert(response.d);
                    }
                });
            });
        });
    });
</script>

文本框：

<asp:TextBox ID="TextBox1" runat="server" Width="140px" Height="16px" CssClass="calculate" ></asp:TextBox>
<asp:TextBox ID="TextBox2" runat="server" Width="140px" Height="16px" CssClass="calculate" ></asp:TextBox>

测试（）：

 protected  void test(object sender, EventArgs e)
  {
     load();
   }

   protected string load()
  {
        SqlConnection con = new SqlConnection();
        con.ConnectionString = @"Data Source=ic-webdev;Initial Catalog=intracall;User ID=sa;Password=xs4intracall";
        con.Open();
        SqlDataAdapter ada = new SqlDataAdapter("SELECT COUNT(*) as Count where Firstname='"+TextBox1+"' and Lastname='"+TextBox2+"' FROM contact", con);
        DataTable dt = new DataTable();
        ada.Fill(dt);
        GridView1.DataSource = dt;
        GridView1.DataBind();
        con.Close();
 }

在没有任何单击按钮的情况下更改文本框值时调用 c# 方法

试试这个 

$("input").keyup(function () {
        alert("dsfd");
        $.ajax({
            type: "POST",
            url: "FirstPage.aspx/test",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (response) {
                $("#Content").text(response.d);
            },
            failure: function (response) {
                alert(response.d);
            }
        });
    });
相关文章：