time 
设为首页】【收藏本站
当前位置: 主页 > WEB教程 > Html教程 > HTML5使用websocket实现基于远程方法调用的数据交互示例

HTML5使用websocket实现基于远程方法调用的数据交互示例

时间:2012-12-12 23:14 点击:2804次 字体:[ ]




 一般在传统网页中注册用户信息都是通过post或ajax提交到页面处理,到了HTML5后我们有另一种方法就是通过websocket进行数据交互.websocket在数据交互有着传统网页所不具备的灵活性,通过Websocket建立长连接后服务器可以直接向client发送数据,而每次数据交互没有必要带上大量的http头信息.websocket协议本身支持两种数据格式文本和流,通过文本json的方式和javascript交互是一件非常简单事情,通过json网页和Websocket通讯就非常便利,但要达到这个便利性我们还是要做简单的一些包装还好现有的json在各平台的组件都比较成熟.通过分析json数据映射到服务端对应的方法执行处理.

下面通过一个简单的用户注册来体现html5用josn和websocket进行交互的处理过程.由于经过封装处理所以使用起来非常方便.

HTML:

HTML5使用websocket实现基于远程方法调用的数据交互示例_www.fengfly.com

功能很简单就是连接到websocket服务后进行注册信息提交,当然为了更灵活点我们在监测到连接关闭的时候重新打开连接窗体,具体的JS代码如下:

 

  1. function connect() { 
  2.  
  3.             channel = new TcpChannel(); 
  4.  
  5.             channel.Connected = function (evt) { 
  6.  
  7.                 $('#dlgConnect').dialog('close'); 
  8.  
  9.             }; 
  10.  
  11.             channel.Disposed = function (evt) { 
  12.  
  13.                 $('#dlgConnect').dialog('open'); 
  14.  
  15.             }; 
  16.  
  17.             channel.Error = function (evt) { 
  18.  
  19.                 alert(evt); 
  20.  
  21.             }; 
  22.  
  23.             channel.Connect($('#txtHost').val()); 
  24.  
  25.         } 



本文地址 : http://www.fengfly.com/plus/view-210879-1.html
标签: HTML5 示例 数据交互 远程方法调用 WebSocket
------分隔线----------------------------
最新评论 查看所有评论
发表评论 查看所有评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
验证码: