客户端无刷新调用服务器程序

简介:
      谈起客户端无刷新远程调用,其好处无需多言。其实现方式除了早些年流行的iframe异步加载外,现在更多的是用基于JavaScript+xmlhttprequest对象技术,比如如日中天的Ajax。而在这里我们介绍的是ASP.NET本身对客户端远程调用的支持--客户端回调(念diao),当然了,它的本质也是XMLhttprequest。类似的帖子在网上已经被翻烂了,如果嫌这里说的不过瘾,可以自己动手看看高手们怎么说。
 
创建实现客户端回调的 ASP.NET 页必须执行以下操作:
·          实现 ICallbackEventHandler 接口。可以向任何 ASP.NET 网页添加此接口声明。
·          实现 RaiseCallbackEvent 接口的方法。此方法将由回调来调用,执行一些逻辑处理。
·          实现 GetCallbackResult 接口的方法。此方法将向clientCallBack 函数返回一个字符串
注意:实现接口的方法必须为public,否则不能被远程调用。
 
此外,该页还必须包含执行以下操作的三个客户端脚本函数:
·          一个函数调用帮助器方法,该方法执行对服务器的实际请求。在此函数中,可以首先执行自定义逻辑以准备事件参数,然后可以将一个字符串作为参数发送到服务器端回调事件处理程序。
·          另一个函数由处理回调事件的服务器代码的结果调用并接收该结果,同时接受表示该结果的字符串。该函数就是上面所说的 clientCallBack 函数。
·          第三个函数是执行对服务器的实际请求的 Helper 函数,当在服务器代码中使用 GetCallbackEventReference 方法生成对此函数的引用时,由 ASP.NET 自动生成该函数。
我这里做了一个最简单的例子,只有一个WebForm,界面如下:
  
实现,在文本框里输入文本,点击“服务器回显”按钮后,回显结果显示文本框的输入。
页面代码如下:
<% @  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>Untitled Page</title>
      <script type="text/javascript">
    function LookUpStock()
    {
        CallServer(document.form1.Text1.value, "");
    }
    function ReceiveServerData(rValue)
    {
        Results.innerText = rValue;
    }
  </script>
</ head >
< body >
    <form id="form1" runat="server">
    <div>
        <input id="Text1" type="text" />
      <button onclick="LookUpStock()"> 服务器回显</button>
      <br />
       服务器回显结果<span id="Results"></span>
      <br />
    </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;
 
public  partial class _Default : System.Web.UI.Page,System.Web.UI.ICallbackEventHandler
{
    protected string returnValue;
    protected void Page_Load(object sender, EventArgs e)
{
// 以下代码没有什么好解释的,除了ReceiveServerData函数的名称,几乎不允许你有什么变化。有人当然喜欢在页面中写客户端脚本,根据个人喜好,不要抠字眼。
        String cbReference =Page.ClientScript.GetCallbackEventReference(this,"arg""ReceiveServerData""context");
        String callbackScript = "function CallServer(arg, context)" +
            "{ " + cbReference + "} ;";
        Page.ClientScript.RegisterClientScriptBlock(this.GetType(),"CallServer", callbackScript, true);
    }
    #region  ICallbackEventHandler Members
    public string GetCallbackResult()
    {
        return returnValue;
}
    public void RaiseCallbackEvent(string eventArgument)
    {
        returnValue = eventArgument;
    }
    #endregion
}
 
这可真是全部代码啊,呵呵。如果这样都没法实现上述功能,那我也没辙了。不过比较遗憾的是,传入传出参数只能是字符串,因此如果数据比较复杂,比如对象,需要额外步骤处理。
 
其实这个例子很简单,但是我花了两个小时调试,最后发现竟然死在vs2005工具上,大意啦~~~ 一般实现接口的时候,可以利用VS2005强大的智能感应,可是这次似乎有点问题,我用的是Pro中文版,加了SP1,当鼠标放在接口上时,显示如下:
点击后得到的自动代码如下:
    #region  ICallbackEventHandler  成员
    string ICallbackEventHandler.GetCallbackResult()
    {
        throw new Exception("The method or operation is not implemented.");
    }
    void ICallbackEventHandler.RaiseCallbackEvent(string eventArgument)
    {
        throw new Exception("The method or operation is not implemented.");
    }
#endregion
稍加修改后,怎么运行都无法实现客户端回调,后来才发现这种显示实现方式在这里不适应。所以就手工写了上述实现函数。但是在VS2005英文版中却有两个分菜单,用显示实现就可以实现,不知道微软这样做是何用意。看来还是不敢将全部托付给工具啊。









本文转自 王杰瑞 51CTO博客,原文链接:http://blog.51cto.com/wangjierui/35330,如需转载请自行联系原作者
目录
相关文章
|
2月前
|
消息中间件 运维 网络协议
客户端和服务器之间的通信
客户端和服务器之间的通信
32 0
|
2月前
|
监控 关系型数据库 Linux
|
3月前
|
Linux
CentOS7.9服务器一键脚本部署FRP内网穿透服务端与客户端
CentOS7.9服务器一键脚本部署FRP内网穿透服务端与客户端
221 0
|
3月前
|
Kubernetes NoSQL 网络协议
Boost实现简易服务器和客户端示例
Boost实现简易服务器和客户端示例
|
3月前
Socket网络编程练习题三:客户端上传文件到服务器
Socket网络编程练习题三:客户端上传文件到服务器
|
18天前
|
网络协议 Python
pythonTCP客户端编程连接服务器
【4月更文挑战第6天】本教程介绍了TCP客户端如何连接服务器,包括指定服务器IP和端口、发送连接请求、处理异常、进行数据传输及关闭连接。在Python中,使用`socket`模块创建Socket对象,然后通过`connect()`方法尝试连接服务器 `(server_ip, server_port)`。成功连接后,利用`send()`和`recv()`进行数据交互,记得在通信完成后调用`close()`关闭连接,确保资源释放和程序稳定性。
|
2月前
|
网络协议 Java API
【JavaEE初阶】 TCP服务器与客户端的搭建
【JavaEE初阶】 TCP服务器与客户端的搭建
|
2月前
|
自然语言处理 Java 编译器
【JavaEE初阶】 UDP服务器与客户端的搭建
【JavaEE初阶】 UDP服务器与客户端的搭建
|
2月前
|
安全 Shell 网络安全
Git学习---Git快速入门、Git基础使用、Git进阶使用、Git服务器使用(IDEA集成GitHub、Gitee、GitLab)、GitHub Desktop客户端
Git学习---Git快速入门、Git基础使用、Git进阶使用、Git服务器使用(IDEA集成GitHub、Gitee、GitLab)、GitHub Desktop客户端
131 0