前端实现实时通讯-----ajax长连接

  因为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秒后发送信息,实际应用中应一直阻塞线程,直至某个事件发生,产生新信息发送给客户端

下面是我的公众号,大家可以关注一下,可以一起学习,一起进步:

参考地址:http://blog.csdn.net/wzs_xyz/article/details/19625103

原文地址:https://www.cnblogs.com/lxl0419/p/8545727.html