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

时间 2019-11-06

标签 ajax 轮询定时经过查询服务栏目 Ajax 繁體版

原文原文链接

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

概念：php

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

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

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

Reception.html //前端代码mysql

<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>

//服务端。jquery

server_polling.phpajax

<?php

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

$resource = $pdo->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表是否有数据，并执行对应输出。实际项目中的话查询语句就根据实际需求来定就能够了。sql

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

咱们用图解释一下吧：

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

用伪代码来表示一下：

<?php

//Ajax轮询

while(true){

    echo'发送一次请求';

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

}

?>

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

容易吧，其实真就没那么难，不少时候，仅仅是咱们本身被新技术吓到罢了

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

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