ICallbackEventHandle实现类似AJAX的无刷新页面

ClientCallback.aspx ------

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/ xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtm l" >
    <head id="Head1" runat="server">
        <title>Callback Test</title>
        <script type="text/javascript">
        function ReceiveServerData(receivedStr, context)
        {
            alert(receivedStr);
        }
        </script>
    </head>
        <body>
          <form id="form1" runat="server">
            <input type="button" value="Callback" onclick="CallServer('argument', 'context')"/><br />
          </form>
    </body>
</html>
ClientCallbacp.aspx.cs -----------

// ClientCallback.aspx.cs
using System;
using System.Data;
using System.Configuration;
using System.Collections;
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 ClientCallback : System.Web.UI.Page, System.Web.UI.ICallbackEventHandle r
{

    void Page_Load(object sender, EventArgs e)
    {
        ClientScriptManager cm = Page.ClientScript;
        String cbReference = cm.GetCallbackEventReference(this, "arg", "ReceiveServerData", "");
        String callbackScript = "function CallServer(arg, context) {" + cbReference + "; }";
        cm.RegisterClientScriptBlock(this. GetType(), "CallServer", callbackScript, true);
    }

    private string returnStr;
    //function called by client, executed on server
    public void RaiseCallbackEvent(String eventArgument)
    {
        //do something with return argument
        returnStr = eventArgument.ToUpper();
        return;
    }

    //function that sends result?
    public string GetCallbackResult()
    {
        return returnStr;
    }
}

客户端用ReceiveServerData接收服务器返回的数据，
<script type="text/javascript">
        function ReceiveServerData(receivedStr, context)
{
alert(receivedStr);
}
</script>

使用CallServer('argument', 'context')传递数据到服务器。

客户端ok了，接下来是服务器端，
实现ICallbackEventHandle 接口，
private string returnStr;
public void RaiseCallbackEvent(String eventArgument)
{
        returnStr = eventArgument.ToUpper();
return;
}

public string GetCallbackResult()
{
return returnStr;
}

最后，将客户端方法和服务器端的方法关联起来，在Page_Load中实现，
ClientScriptManager cm = Page.ClientScript;
String cbReference = cm.GetCallbackEventReference(this, "arg", "ReceiveServerData", "");
String callbackScript = "function CallServer(arg, context) {" + cbReference + "; }";
cm.RegisterClientScriptBlock(this. GetType(), "CallServer", callbackScript, true);

这种方法也能达到类似ajax的无刷新页面，而且实现起来十分简单

(责任编辑：admin)

JQuery RadioButtonList	在asp.ent写简单ajax功能
用AJAX编写一个简单的相册	AjaxPro实现无刷新翻页效果及数据库分页技术介绍
ConfirmButton:带有确认功能的按钮	Ajax开发模式
AjaxPro.dll控件实现异步刷新页面	Ajax无刷新实现图片切换特效
Sys.WebForms与服务端协同工作以及Sys.Application下的属性	jQuery实现横向纵向菜单
Ajax提示框	jQuery上传插件Uploadify使用详解
四种局部刷新技术的比较	利用XMLHTTP实现无刷新数据的查询
Jquery之Ajax运用_学习运用篇	AJAX的整个页面过程
jQuery与prototype(ajaxpro)冲突的解决方法	使用Ajax和Jquery实现GridView的展开、合并

ASP.NET学习网|ASP.NET教程|ASP.NET MVC|ASP.NET 源码|VS2010教程|ASP.NET视频教程

热门标签

ICallbackEventHandle实现类似AJAX的无刷新页面

Tags：ICallbackEve AJAX无刷新