什么是轮询?
概念:轮询(polling):客户端按规定时间定时向服务端发送ajax请求,服务器接到请求后马上返回响应信息并关闭连接。
Ajax轮询代码案例:
1、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>
2、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请求"。
Ajax轮询原理:
客户端是按照规定时间(这个时间由你设定,此处默认为1秒)像服务端发送请求,前一次请求完成后,无论有无结果返回,一秒之后下一次请求又会发出。这就叫做Ajax轮询。
用伪代码来表示一下:
- <?php
- //Ajax轮询
- while(true){
- echo'发送一次请求';
- sleep(1) ; //这次请求发送完毕了,休息一秒钟之后继续发起请求
- }
最关键的地方在于,客户端需要通过JS设定一个定时器,按照规定时间不断的请求。
2017年06月22日 23:08:22 沙发
哇,确实不错的,新技能get