asp.net2.0中实现无刷新界面的功能-优快云博客

本文链接：https://blog.youkuaiyun.com/greystar/article/details/1385849

本文介绍了一个简单的 ASP.NET 页面实现 AJAX 回调的例子，通过实现 ICallbackEventHandler 接口并配合客户端 JavaScript 脚本来完成页面与服务器间的异步数据交换。

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

WEB代码如下，主要实现了ICallbackEventHandler接口。比较简单，不多说了。自己看代码

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;

public partial class _Default : System.Web.UI.Page ,ICallbackEventHandler
{
    string s = "";
    protected void Page_Load(object sender, EventArgs e)
    {

}

#region ICallbackEventHandler 成员

    public string GetCallbackResult()
    {
        return "服务器的值"+s;
    }

    public void RaiseCallbackEvent(string eventArgument)
    {
        s = eventArgument;
    }

#endregion
}

<%@ 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">
       //由button调用
       function CallServerFunction(inputcontrol, context)
        {
            context.innerHTML = "Loading";
            arg = inputcontrol.value;
            //注册回调方法
            <%= ClientScript.GetCallbackEventReference(this, "arg", "ServerCallBack", "context")%>;
         }
        //在回调方法中注册的接收返回结果的函数
        function ServerCallBack(result, context)
        {
             context.innerHTML = result;
        }
     </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
        <input id="Button1" type="button" value="提交到服务器" onclick="CallServerFunction(TextBox1, Label1)"/><br/>
        <asp:Label ID="Label1" runat="server" Text="Label1:"></asp:Label>

</div>
</form>
</body>
</html>