江苏龙网

  1. 主页 > 生活百科 > >

javascript实现web通讯的几种方式

JavaScript

大家经常浏览一些网站时候会弹出在线聊天窗口 ， 点击后可以和客服人员聊天 ， 非常方便 ， 之前也做过一款简单的在线聊天工具 ， 下面就说说在线聊天通讯的主要几种技术手段 。
1、Ajax在html5之前 ， 这个是很主流的web通讯方式 ， 通过ajax不断请求服务器获取数据 ， 分为轮询和长轮询 ， 主要写法上有点区别 。
轮询
轮询是一种“拉”取信息的工作模式 ， 设置一个定时器 ， 定时询问服务器是否有信息 ， 每次建立连接传输数据之后 ， 链接会关闭 ， 演示代码如下：
var polling = function(url, type, data){ var xhr = new XMLHttpRequest(), type = type || "GET", data = https://www.isolves.com/it/cxkf/yy/js/2019-10-09/data || null; xhr.onreadystatechange = function(){ if(xhr.readyState == 4) { receive(xhr.responseText); xhr.onreadystatechange = null; } }; xhr.open(type, url, true); xhr.send(type == "GET" ? null : data);};//定时器var timer = setInterval(function(){ polling();}, 1000);长轮询
长轮询其实也没啥特殊的地方 ， 就是在xhr对象关闭连接的时候马上又发起请求 ， 让连接一直持续进行 ， 演示代码如下：
var longPoll = function(type, url){ var xhr = new XMLHttpRequest(); xhr.onreadystatechange = function(){ // 状态为 4 ， 数据传输完毕 ， 重新递归连接 if(xhr.readyState == 4) { receive(xhr.responseText); xhr.onreadystatechange = null; longPoll(type, url); } }; xhr.open(type, url, true); xhr.send();}2、websocketwebsocket是前端一个神器 ， ajax用了这么久了 ， 相关技术也是很成熟 ， 不过实现数据的拉取非常不划算 。
ajax是基于HTTP


    推荐阅读


    上一篇：绿茶可以改善唐氏综合症患者的记忆和词汇认知能力

    下一篇：二上京华茶业与云南滇富古树茶业联合开发冰岛古树茶