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

ajax|刷新|无刷新|页面

先看MSDN Library 2005上的这个例子!
------ 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" /><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的无刷新页面,而且实现起来十分简单。

http://pyw0818.cnblogs.com/archive/2006/05/30/413416.html

时间: 2024-09-12 09:15:15

利用ICallbackEventHandle实现类似AJAX的无刷新页面的相关文章

PHP + JavaScript + Ajax 实现无刷新页面加载效果

数据源工厂 Json生成方式1 Json生成方式2 数据搬运工 数据加工师 转换类型 加工展示 结果展示 初始页面 点击按钮之后 总结 今天这个实验的思路就是实现一个无刷新的页面加载效果.具体的思路是使用PHP开发后台,为前台准备数据,然后使用Ajax技术作为数据的搬运工,将数据从服务器端拉取到前端,最后使用JavaScript技术将获取到的数据加工,并显示在页面上. 数据源工厂 本次实验数据以Json的格式传输和处理.下面有两种生成json字符串的方式. Json生成方式1 PHP自带json

ajax 实现无刷新页面采集功能代码

 代码如下 复制代码 var url = "b.aspx"; var param = "a=1&b=2"; var ret = GetRemoteText(url, param, 'post'); // 这个ret就是b.aspx返回的内容,使用吧   // 创建XmlHttp对象 function CreateXmlHttp() {     if (window.XMLHttpRequest)       return new XMLHttpRequest

PHP+Ajax实现无刷新分页实例详解(附demo源码下载)_php技巧

本文实例讲述了PHP+Ajax实现无刷新分页的方法.分享给大家供大家参考,具体如下: 注:这里使用到的一些类库在前面文章都能找到源代码,因此为了缩短文章篇幅,都指明链接所在. 本文讲解内容为: Ajax 实现无刷新分页.实现原理.代码展示.代码下载. 这里需要说明一些知识: 1.Ajax 无刷新页面的好处:提供良好的客户体验,通过 Ajax 在后台从数据库中取得数据并展示,取缔了等待加载页面而出现的空白状态: 2.那么,Ajax 无刷新页面是运行在动态页面(.php)?还是静态页面(.html/

静态页中利用AJAX.NET实现无刷新页面

ajax|静态|刷新|无刷新|页面 一. 导言 我们知道,ASP.net应用程序事实是在服务器上运行的,用户的请求要不断地送往远程的服务器,服务器执行完本地的程序后把重新装载页面再发送客户端.所以就出现了不断刷新的问题,页面不断闪烁.用户不厌其烦,运行效率也大大4降低,服务器的负荷加重.事实,客户端的请求在某一时刻只是通过向 Web 服务器提交新的请求来检索对用户输入所做的响应.这种情况下,开发人员可以使用 JavaScript 在客户端上加载所有响应,从而提供更好的用户体验.遗憾的是,在很多情

利用AJAX实现无刷新数据分页_AJAX相关

以前在使用Asp.Net的时候用过GridView这个控件,这个控件自带分页的功能,虽然很丑,但是功能还是很强大的.这里呢,给大家展示一下更加给力的方式--利用AJAX无刷新直接从服务器获取数据分页. 一.实现过程 注意:一下的内容都是在服务器内使用的. 首先要在服务器的路径下建立几个文件,比如,page1.txt,page2.txt,page3.txt. 每个文件中放入数组,如下: 复制代码 代码如下: [{user:'blue',pass:'123'},{user:'aaa',pass:'d

ajax-Jquery Mobile Ajax ASP.NET控件 无刷新页面查询,添加,修改,删除

问题描述 Jquery Mobile Ajax ASP.NET控件 无刷新页面查询,添加,修改,删除 Jquery Mobile Ajax 技术用ASP.NET控件怎么实现无刷新页面查询,添加,修改,删除功能? 现在刷新一次才能执行JavaScript代码,否则没反应,有时候样式也没了. 我写的代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs&q

jQuery+Ajax实现无刷新操作_jquery

使用jQuery实现Ajax操作       想要实现Ajax页面无刷新效果,但是直接利用Ajax代码实在有些麻烦,所以就想用jQuery实现.jQuery很好的封装了Ajax的核心对象XMLHTTPRequest.所以用起来非常方便.        首先,创建服务器端代码,这里用Servlet实现服务器端的数据处理:代码如下: protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws Servl

php+ajax实现无刷新分页_php技巧

本文实例讲述了php+ajax实现无刷新分页实现方法.分享给大家供大家参考.具体如下:     limit  偏移量,长度;     limit  0,7;   第一页     limit  7,7;   第二页     limit  14,7;  第三页每页信息条数:7 信息总条数:select count(*) from table 信息总页数:ceil向上取整(总条数/每页条数)1.分页类具体使用 <?php class Pagination { private $total; //数据表

ajax实现无刷新上传文件功能

本文实例为大家分享了ajax实现无刷新上传文件功能的具体代码,供大家参考,具体内容如下 详细代码如下 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>ajax无刷新上传文件</title> <script> window.o