多个ajax分别实现实现长轮询,ajax长轮询、轮询应用和介绍

####什么是轮询

轮询是指客户端定时向服务器发送ajax请求,服务器接到请求后马上返回响应信息并关闭连接。

####轮询的简单实现

仅仅是说出定义来,好像很模糊,代码更加直观一些,下面就简单写一下轮询的实现方式:

前端代码(以jquery ajax为例,当然你也可以通过纯js的方式)

haorooms博客轮询测试案例

var getting = {

url:'server.php',

dataType:'json',

success:function(res) {

console.log(res);

}

};

//Ajax定时访问服务端,不断获取数据 ,这里是1秒请求一次。

window.setInterval(function(){$.ajax(getting)},1000);

复制代码

大家可以看到,前一次请求完成后,无论有无结果返回,一秒之后下一次请求又会发出。这就叫做Ajax轮询。通过这个案例,大家也可以看出,这样存在性能问题,服务器也增加很多压力。但是这就是轮询的一种实现方式了。

####什么是长轮询

客户端向服务器发送Ajax请求,服务器接到请求后hold住连接,直到有新消息才返回响应信息并关闭连接,客户端处理完响应信息后再向服务器发送新的请求。

通过上面描述,我们可以看出,长轮询本身不是一种真正的推送技术,而只是传统轮询技术的一个变种。然而,其能够在真正推送技术无法实现时模拟推送机制。

####长轮询的简单实现

直接上代码展示吧!前端代码如下:

haorooms博客长轮询测试案例

//前端Ajax持续调用服务端,称为Ajax轮询技术

var getting = {

url:'server.php',

dataType:'json',

success:function(res) {

console.log(res);

$.ajax(getting); //关键在这里,回调函数内再次请求Ajax

}

//当请求时间过长(默认为60秒),就再次调用ajax长轮询

error:function(res){

$.ajax($getting);

}

};

$.ajax(getting);

复制代码

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值