ajax长连接实现web实时通讯

前端之家收集整理的这篇文章主要介绍了ajax长连接实现web实时通讯前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

因web运行模式请求-响应,服务端无法主动发起通讯,所以实时性备受诟病,ajax轮询可以模拟及时通讯,但连接太频繁将给服务端带来很大压力,不频繁则实时性很差。本文介绍在web上真正实现实时通讯的方法,ajax长连接。

特别说明:ajax长连接是浏览器兼容的

简述过程:进入页面客户端即发起一个ajax请求,服务端收到请求后不立即返回,将其阻塞,待服务端有新信息时将信息返回给客户端,客户端回调函数中收到信息后再次发起请求,服务端阻塞...反复进行即可。

客户端代码

<div id="time"> </div>

<script type="text/javascript" src="js/lib/jquery-1.7.2.min.js"></script>

<script type="text/javascript">

function langLink(){
$.ajax({
url: 'time.aspx',
success:function(res){
$('#time').html(res);
langLink();
}
});
}
langLink();

</script>

服务端代码(C#.net):

System.Threading.Thread.Sleep(5000);
Response.Write(DateTime.Now.ToString());
Response.End();

注:此处为示意代码,阻塞5秒后发送信息,实际应用中应一直阻塞线程,直至某个事件发生,产生新信息发送给客户端

ajax长连接是真正达到了实时的目的,并且兼容各浏览器,但受网络环境影响,连接有意外断开的可能性,实际应用时需考虑到这一点做相应容错处理。

除ajax长连接外,据我所知,web实现实时的除了长连接,还有SSE(服务端发送事件),websocket。其中websocket用的协议已不是http协议,不认为其属于传统web范畴,后面再讲一讲的SSE方式。


未知数 2014-2-21

原文链接:https://www.f2er.com/ajax/165242.html

猜你在找的Ajax相关文章