ASP.NET实现Ajax效果：动态刷新显示输入文字_→ 刷新请输入动态密-优快云博客

本文链接：https://blog.youkuaiyun.com/flybird_lt/article/details/1409445

本文介绍了一个 ASP.NET 页面如何使用回调机制与服务器进行交互。通过客户端 JavaScript 调用服务器端方法并接收结果，展示了回调机制的基本原理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前台页面：

<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>无标题页</title>

    <script type="text/javascript">
      
      function CallServer()
      {
          var txt = document.forms[0].txtValue.value;
          
          <%= ClientScript.GetCallbackEventReference(this, "txt", "ReceiveServerData",null)%>;
      }
      
      function ReceiveServerData(rValue)
      {
         Result.innerText = rValue;
      }
    </script>

</head>
<body>
    <form id="form1" runat="server">
    <div>
    <table width =100% >
    <tr>
    <td width=50><input type=text  ID=txtValue onkeydown='CallServer()'/></td>
    <td><button ID=btnOK OnClick="CallServer()">刷新</button></td>
    </tr>
    <tr>
    <td colspan=2 bgcolor=aqua><span ID = "Result"></span></td>
    </tr>
    </table>
    </div>
    </form>
</body>
</html>

后台代码：

using System;
using System.Data;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;

//继承ICallbackEventHandler接口
public partial class _Default : System.Web.UI.Page,System.Web.UI.ICallbackEventHandler
{
    //定义返回字符串变量
    private string CallBackValue = string.Empty;

    protected void Page_Load(object sender, EventArgs e)
    {

    }
    //将检索到的数据返回该控件
    string ICallbackEventHandler.GetCallbackResult()
    {
        return CallBackValue + ",ok！";
    }
    //创建服务器代码回调方法
    //在服务器代码中，必须创建实现 RaiseCallbackEvent 接口的方法。
    //该方法使用一个字符串参数，而不是事件处理程序常用的那两个常见参数。
    //该方法也返回一个字符串，不过不是在本函数中，而是在GetCallbackResult()函数中返回。
    void ICallbackEventHandler.RaiseCallbackEvent(string eventArgument)
    {
        this.CallBackValue = eventArgument;
    }

}