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

最新推荐文章于 2021-08-05 18:21:39 发布

dianqiangjin0204

最新推荐文章于 2021-08-05 18:21:39 发布

阅读量219

点赞数

文章标签： php 前端 javascript ViewUI

原文链接：http://www.cnblogs.com/richerdyoung/p/6732671.html

版权

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

test.html //前端代码

<html>
<head>
    <title></title>
    <script src="http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script>
</head>
<body>
</body>
<script type="text/javascript">
 var getting = {
        url:'server.php',
        dataType:'json',
        success:function(res) {
         console.log(res);
        }
};
//关键在这里，Ajax定时访问服务端，不断获取数据 ，这里是1秒请求一次。
window.setInterval(function(){$.ajax(getting)},1000);
</script>
</html>

server.php //服务端

<?php

$pdo = new PDO('mysql:dbname=test;host=127.0.0.1','root','root');

$resource = $pdo->query('select * from table');

$result = $resource->fetchall();

if ($result) {
    //exits data
    print_r(json_encode(array('success'=>'存在数据')));
    exit();
}
print_r(json_encode(array('failed'=>'不存在数据')));
exit();

?>

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

Ajax轮询最关键的地方在于

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

也就是文章开头所说的"客户端按规定时间定时像服务端发送ajax请求"。

原理：

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

用伪代码来表示一下：

<?php

//Ajax轮询

while(true){

    echo'发送一次请求';

    sleep(1) ; //这次请求发送完毕了，休息一秒钟之后继续发起请求

}

?>

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

转载于:https://www.cnblogs.com/richerdyoung/p/6732671.html

dianqiangjin0204

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Ajax轮询——定时的通过Ajax查询服务端

概念：轮询（polling）：客户端按规定时间定时向服务端发送ajax请求，服务器接到请求后马上返回响应信息并关闭连接。test.html //前端代码<html><head> <title></title> <script src="http://lib.sinaapp.com/js/jq...
复制链接

扫一扫