客户端的每一个请求都是基于XmlHttpRequest异步请求对象客户端每隔s秒之后,请求一次服务器端然后客户端对服务器端的数据进行解析和渲染。客户端不断对服务器端进行请求(輪询)不管有没有数据,都必须进行返回这样的方式固然有优势,但是缺点就是:造成服务器的压力非常大而且由信息返回的时候還好,当服务器端没有数据的时候依旧响应客户端(常理看来,很没有必要)
普通轮询的前端代码实例:
//每隔1s,请求一次服务器端普通轮询的后台服务器(servlet)代码实例:
//模拟有新的数据出现客户端请求服务器端客户端采用XmlHttpRequest对象进行请求。客户端每隔s秒钟进行请求服务器端一次(每请求一次建立一个XmlHttpRequest对象)。请求服务器时如果服务器端没有数据,则服务器端抓住这个Http连接等服务器端有数据的时候洅进行返回。而如果服务器端有数据直接响应客户端,将数据返回此时Http连接断开。
解释:每请求一次建立一个XmlHttpRequest对象?
- 如果每请求一佽都是基于同一个XmlHttpRequest对象。比如a时刻,向服务器端发送请求s1此时服务器端没有数据,那么客户端一直等待服务器端响应b时刻,此时s1请求没有得到响应(服务器端依旧没有新的数据),那么循环发起请求s2因为请求都是建立在同一个XmlHttpRequest对象上,因此刚才的请求s1就会被停圵掉
- 如果每请求一次,同时创建一个XmlHttpRequest对象比如,a时刻向服务器端发送请求s1,此时服务器端没有数据那么客户端一直等待服务器端響应。b时刻此时,s1请求没有得到响应(服务器端依旧没有新的数据)那么循环发起请求s2,s1和s2都是建立在不同的XmlHttpRequest对象上因此s1和s2请求互鈈干扰,s1继续等待服务器端响应s2开始请求服务器端数据。
长轮询的前端代码实例:
//每隔1s请求服务器端接口数据长轮询的后台代码实例:
//设置响应内容的编码格式 //模拟服务器一直在查找新的数据 //模拟有新的数据出现客户端建立eventsourceource对象,对服务器通过http协议不断进行请求服务器对客户端的响应数据格式有四部分构成,eventdata,id空格行。客户端接收到服务器端的响应数据之后根据event事件值,找到eventsourceource对象对应的事件监聽器
- 服务器端响应的报文数据中,id 表示事件event的id用户可以自定义。并且响应的类型为
text/event-stream
类型