Ajax轮询——“定时的通过Ajax查询服务端”

imingyu 发布于2019-06-27 13:39 / 3182人阅读

摘要：概念轮询客户端按规定时间定时像服务端发送请求，服务器接到请求后马上返回响应信息并关闭连接。判断表是否有数据，并执行对应输出。实际项目中的话查询语句就根据实际需求来定就可以了。

Ajax轮询——"定时的通过Ajax查询服务端"。

概念：

轮询（polling）：客户端按规定时间定时像服务端发送ajax请求，服务器接到请求后马上返回响应信息并关闭连接。

百闻不如一见，来段代码相信你一看就明白

//为了让同学们都明白，我用了最简单的实现方法，同学们懂了原理后可以自行衍生：

Reception.html //前端代码

//服务端。

server_polling.php

query("select * from t1");

$result = $resource->fetchall();

if ($result) {

    //exits data

    print_r(json_encode(array("success"=>"存在数据")));

    exit();

}

print_r(json_encode(array("failed"=>"不存在数据")));

exit();

?>

上面就是最基本最简化的Ajax轮询。判断t1表是否有数据，并执行对应输出。实际项目中的话查询语句就根据实际需求来定就可以了。

Ajax轮询最关键的地方在于"window.setInterval(function(){$.ajax(getting)},1000);" ，也就是文章开头所说的"客户端按规定时间定时像服务端发送ajax请求"。

我们用图解释一下吧：

从图中我们可以看出，客户端是按照规定时间（这个时间由你设定，此处默认为1秒）像服务端发送请求，前一次请求完成后，无论有无结果返回，一秒之后下一次请求又会发出。这就叫做Ajax轮询。

用伪代码来表示一下：

最关键的地方在于，客户端需要通过JS设定一个定时器，按照规定时间不断的请求。

容易吧，其实真就没那么难，很多时候，仅仅是我们自己被新技术吓到罢了

嗯那么我们接下来看看Ajax 长轮询，算是Ajax轮询的升级版

用大白话揭开Ajax长轮询(long polling)的神秘面纱

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/21534.html

Comet——随着AJAX技术兴起而产生的新技术

摘要：不得不说确实是一个好东西，由它的出现使得端新技术不断产生，就属于这么一个技术，这个技术有时叫做反向，有时叫做服务器推技术，嗯，不要被牛逼闪闪的名词吓倒，其实没那么难。不得不说Ajax确实是一个好东西，由它的出现使得WEB端新技术不断产生，Comet就属于这么一个技术，这个技术有时叫做反向AJAX，有时叫做服务器推技术，嗯，不要被牛逼闪闪的名词吓倒，其实没那么难。先看一下维基的解释：...

afishhhhh 2019-06-27 13:39 评论0 收藏0
简单又好用的聊天室技术——WebSocket

摘要：国际惯例，先上维基百科的解释。维基百科上面是维基百科对的解释，别问我如何解释上面这段话，因为我也没看懂，那么下面我用人话解释一下吧仅仅是我的理解是一个协议，可以简单看成是协议的一个补充协议，借助协议的基础完成服务器主动与客户端实时传输数据。现在，很多网站为了实现推送技术，所用的技术都是轮询。轮询是在特定的的时间间隔（如每1秒），由浏览器对服务器发出HTTP request，然后由服务...

Prasanta 2019-07-01 12:15 评论0 收藏0
socket.io之一: 介绍

摘要：在标准没有推出之前，轮询是唯一可行的方式通过浏览器也可以，但这里不做讨论。这种方式存在延时且对服务端造成很大负载。直到年，才标准化一种基于套接字进行收发数据的协议。现如今主流浏览器均已支持。 socket.io提供了基于事件的实时双向通讯历史 Web端与服务器间的实时数据传输的是一个很重要的需求，但最早只能通过AJAX轮询询实现。在WebSocket标准没有推出之前，AJAX轮询是唯...

william 2019-08-20 15:53 评论0 收藏0
用大白话揭开Ajax长轮询(long polling)的神秘面纱

摘要：在看这篇长轮询之前可以先看看轮询技术没有长，有助于理解长轮询属于轮询的升级版，在客户端和服务端都进行了一些改造，使得消耗更低，速度更快。不间断的通过查询服务端。然后客户端不间断继续发起请求数据不存在，继续循环。在看这篇Ajax长轮询之前可以先看看Ajax轮询技术（没有长），有助于理解： Ajax长轮询属于Ajax轮询的升级版，在客户端和服务端都进行了一些改造，使得消耗更低，速度更快。...

AlphaGooo 2019-06-27 13:39 评论0 收藏0
ajax实时刷新处理

摘要：作为一个老前端，本案例是基于来写的。前端渲染页面拿数据，无非就是，其他的暂时没有用过，但项目还是使用比较多。不管或都会执行代码就到这里了，作为一个老前端，本案例是基于jquery来写的。前端渲染页面拿数据，无非就是ajax、socket，其他的暂时没有用过，但项目还是使用ajax比较多。下面来看一下一个简单基于ajax短轮询的请求 function req() { $.a...

Julylovin 2019-08-21 17:13 评论0 收藏0