客户端-服务器端互动比较与原生实例(比较ajax,server-sent event,websocket/netsocket)
昨日学习了websocket的原生实例,觉得有必要把几种常见的客户端-服务器端无刷新交互形式列举比较:
一、Ajax:客户端决定何时主动向Server端发请求
如:无刷新评论、无刷新更换图片。
主要目的是为了无刷新客户体验,但都是客户端的操作来触发向Server发送请求。
实例网上很多,原生的js或封装了的jQurey都算比较常用、易懂、易自助修改的方式。
二、Server-sent event:定时由Server端向客户端推送内容
如:每秒推送股市动态、每秒推送体育比赛文字转播。
特点是客户端只需要发送一次“来吧,请蹂躏我吧”的请求(可打开页面就自动发送,减少用户操作),Server就定时推送。缺点是耗流量。
原生实例可参照w3school:服务器发送事件(http://www.w3school.com.cn/html5/html_5_serversentevents.asp)
三、Socket网络通信:双方平等,自由交互,我想发给你时你才需要接收
如:聊天场景。
特点是省流量,客户端什么时候想发就发,服务器端什么时候想回就回,两边都有监听者socket在负责。
我最初学习的是.Net Socket,是基于.net框架的网络通信,一般实例用的控制台程序或WinForm来做。
昨日新接触了WebSocket,与Net Socket主要区别是面向浏览器端(用web所以叫websocket),需要HTML5支持,浏览器大都支持(ie10以上,最新FF、Chrome都支持,听说Safari曾觉得此技术不安全暂时取消了支持),最可惜是需要.net4.5及以上版本才可以,即:.net4.0下是没有System.Web.WebSocket这个命名空间(不知道另导dll有没有用)——然而WinServer2003最多支持到.net4.0……
.net4.0下又想用web的形式、又想用socket:NetSocket做成控制台程序,ui继续用web(html+js)发送ws协议的请求到控制台程序即可。
原生实例参考:Leo的(http://www.cnblogs.com/Leo_wl/archive/2013/04/12/3016063.html),文章提及了上述的形式,仅有一处笔误:GetSecKeyAccept()方法中附加的字符串少了一个“-”(在E914之前)。应该是:byte[] encryptionString = SHA1.Create().ComputeHash(Encoding.ASCII.GetBytes(key + "258EAFA5-E914-47DA-95CA-C5AB0DC85B11"));
笔者也写了一份实例demo,支持多开web对同一server进行通信,请看笔者“在线捉鬼”系列的svn代码:
svn地址:https://115.29.246.25/svn/Catghost/ 账号:guest 密码:guest
第12版本日志:
1. 模拟服务器端:启动NetSocketDemo.Server项目
2. 模拟客户端:访问Catghost.WebSocketDemo项目的Demo40.html页面(可多开)
四、其他关键词:SignalR(服务器推送),轮询,Socket4Net(客户端封装),SuperSocket(服务器端封装)
在学习的过程中遇到较多的其他关键词,列出以备读者拓展学习。
SignalR还没学过,轮询是概念理解。
Socket4Net是对Socket的客户端封装:http://websocket4net.codeplex.com
SuperSocket是对Socket的服务器端封装:http://superwebsocket.codeplex.com
客户端-服务器端互动比较与原生实例(比较ajax,server-sent event,websocket/netsocket)的更多相关文章
- IOS Socket 04-利用框架CocoaAsyncSocket实现客户端/服务器端
这篇文章,我们介绍CocoaAsyncSocket框架的使用,主要介绍实现客户端/服务器端代码,相信在网上已经很多这样的文章了,这里做一下自己的总结.这里介绍使用GCD方式 一.客户端 1.下载地址 ...
- 原生 JavaScript 实现 AJAX、JSONP
相信大多数前端开发者在需要与后端进行数据交互时,为了方便快捷,都会选择JQuery中封装的AJAX方法,但是有些时候,我们只需要JQuery的AJAX请求方法,而其他的功能用到的很少,这显然是没必要的 ...
- 原生JavaScript实现AJAX、JSONP
相信大多数前端开发者在需要与后端进行数据交互时,为了方便快捷,都会选择JQuery中封装的AJAX方法,但是有些时候,我们只需要JQuery的AJAX请求方法,而其他的功能用到的很少,这显然是没必要的 ...
- 原生JS的Ajax技术
1.同步和异步 同步现象:客户端发送请求到服务器端,当服务器返回响应之前,客户端都处于等待 卡死状态 异步现象:客户端发送请求到服务器端,无论服务器是否返回响应,客户端都可以随意做其他事情,不会被卡 ...
- 用原生JavaScript写AJAX
//原生js写ajax就像打电话 //打电话分下面4步//1.拿出手机//2.拨号//3.说话//4.听对方说话 //ajax也分下面4步//1.创建ajax对象//2.连接到服务器//3.发送请求( ...
- 原生js写Ajax
//原生js写ajax就像打电话 //打电话分下面4步//1.拿出手机//2.拨号//3.说话//4.挺对方说话 //ajax也分下面4步//1.创建ajax对象//2.连接到服务器//3.发送请求( ...
- 原生js实现ajax封装
一.什么是ajax? 定义:Ajax(Asynchronous Java and XML的缩写)是一种异步请求数据的web开发技术,在不需要重新刷新页面的情况下,Ajax 通过异步请求加载后台数据,并 ...
- 原生js实现Ajax
一般来说,大家可能都会习惯用JQuery提供的Ajax方法,但是用原生的js怎么去实现Ajax方法呢? JQuery提供的Ajax方法: $.ajax({ url: , type: '', dataT ...
- 原生JS实现Ajax及Ajax的跨域请求
前 言 如今,从事前端方面的程序猿们,如果,不懂一些前后台的数据交互方面的知识的话,估计都不太好意思说自己是程序猿.当然,如今有着许多的框架,都有相对应的前后台数据交互的方法. ...
随机推荐
- 总结this指向问题
在全局上下文中,this指向全局. 在函数内部,this的值取决于函数被调用的方式. 当函数简单调用时(函数在全局上下文中),this指向window(严格模式下指向undefined) call 或 ...
- MMORPG 游戏服务器端设计
http://www.oschina.net/question/12_22983 这里给出一种宏观把握MMORPG服务器设计的文章,适合入门,读完后对服务器端的设计能有大概的掌握,方便对感兴趣的部分进 ...
- odoo8登录时,同帐号在其它客户端的连接自动退出
odoo跟大多数B/S系统一样,同一个帐号可以在不同的电脑上登录,并且可以同时操作,这样子会带来一些权限上的漏洞.为了解决这个问题,经过分析odoo的session处理机制,开发了一个模块,安装此模块 ...
- android 总结
两点说明: 1. 本文我的老大推荐给的, 我自己之前也写过自学的帖子, 现在看看感觉不是很完整, 故转载此篇 2. 本文最后附有<android讲义 第二版> 下载地址, 我个人认为最适 ...
- 在linux下的使用复制命令cp,不让出现“overwrite”(文件覆盖)提示的方法。(转)
在linux下的使用复制命令cp,不让出现“overwrite”(文件覆盖)提示的方法. 一般我们在使用cp命令时加上-f选项,希望不让出现“overwrite”的提示(文件覆盖的提示).如:# cp ...
- 【VBA编程】01.第一个VBA程序Hello world
[程序1] 所有程序语言的开始都源于Hello world,那么我们也使用Hello world进行第一个VBA编程 新建Excle文件-----文件-------选项-----自定义功能区域---- ...
- WKWebView的使用
代码地址如下:http://www.demodashi.com/demo/13431.html 前言 最近项目中的UIWebView被替换为了WKWebView,因此来总结一下WKWebView的使用 ...
- 【js中数组和字符串的相互转换】
一.数组转字符串 //数组转字符串 var a, b; a = new Array(0,1,2,3,4); b = a.join(","); //得到字符串 二.字符串转数组 // ...
- Qt-优化布局结构
在迄今为止讲到每一个例子中,我们只是简单的把窗口部件放置到某个确定的布局中.但在某些情况下,由此形成的布局看起来可能还不是我们最想要的形式.在这些情形中,可以通过改变要摆放的窗口部件的大小策略和大小提 ...
- 我眼中的PageRank算法详解
随着互联网的发展,网络上已有的网页数量庞大,并且每天都会有很多网页发布,如何权衡这些重要度的排名是一个很重要的问题.我们今天就来了解一下PageRank算法. 首先我们要来了解一下图的概念,请看图1. ...