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

轮询（polling）

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

ajax轮询的原理就是客户端定时向服务端发送ajax请求，服务器接到请求后马上返回响应信息并关闭连接，然后客户端继续发送ajax请求，一直持续这个循环。

var getting = {url:'请求的服务器地址',dataType:'json',success:function(res) {$('#com').html(str);setTimeout(function(){$.ajax(getting);},1000);//1秒后定时发送请求}
};
$.ajax(getting)

前段页面：

<!doctype html>
<html lang="zh-CN">
<head><title>这是一个测试</title>
</head>
<body><div id="info"></div>
</body>
<script src="http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script>
<script type="text/javascript">var getting = {url:'server.php',dataType:'json',success:function(res) {console.log(res);if(res.code=200){$("#info").append(res.info+'</br>');}else{console.log(res);}
}
};
//关键在这里，Ajax定时访问服务端，不断获取数据 ，这里是3秒请求一次。
window.setInterval(function(){$.ajax(getting)},3000);
</script>
</html>

后端PHP接口

$pdo = new PDO('mysql:dbname=test;host=127.0.0.1','root','Ltest');$resource = $pdo->query('select * from z_test');$result = $resource->fetchall();if ($result) {print_r(json_encode(array('code'=>'200','success'=>'获取数据成功','info'=>'这是测试')));exit();}print_r(json_encode(array('code'=>'400','success'=>'获取数据失败','info'=>'')));exit();

运行效果图：

ajax轮询的方式实现比较简单，但是比较浪费服务器的资源，服务器大多时间处理的是无用的请求。

最近在关注HTML5的一个新的协议websocket，实现了浏览器与服务器的全双工通信，可以很好地节省服务器资源。他的原理是客户端向服务器发送请求后，如果服务器没有新数据就不做响应，等有新数据时，服务器就主动向客户端传递数据。

详情请查看《WebSocket 教程》学习教程

Ajax轮询定时的通过Ajax查询服务端相关推荐

ajax 服务端除了echo,Ajax轮询——定时的通过Ajax查询服务端
概念:轮询(polling):客户端按规定时间定时向服务端发送ajax请求,服务器接到请求后马上返回响应信息并关闭连接. test.html //前端代码 var getting = { ur ...
ajax 短轮询_Ajax轮询——“定时的通过Ajax查询服务端”
Ajax轮询--"定时的通过Ajax查询服务端". 概念: 轮询(polling):客户端按规定时间定时像服务端发送ajax请求,服务器接到请求后马上返回响应信息并关闭连接. 百闻 ...
Ajax轮询和WebSocket
在WebSocket出现之前的我们主要是通过什么实现实时信息传递呢? 主要使用Ajax轮询.long poll(Ajax长查询) Ajax轮询--"定时的通过Ajax查询服务端": ...
ajax循环输出,Ajax轮询 select循环输出
弹出层 .del{color:red} .addname{color:#337ab7} 款项名目操作 {$vo.name} 删除添加... $(".addname").on(&q ...
WEB消息提醒实现之二实现方式-Jquery Ajax轮询
Jquery Ajax轮询原理普通的jquery ajax轮询的原理主要是,客户端通过定时器定时发送ajax请求到服务器,服务器获取数据后马上响应并关闭连接. 普通的jquuery ajax轮询过 ...
ajax轮询模拟websocket,Ajax轮询和SSE服务器推送数据与websocket模式的区别性学习
我们试想一下我们做个实时聊天的窗口有几种方法? 在我们不刷新页面并且可以试试更新页面内容的方法你这时候是不是想到了ajax没错确实可以 Ajax轮询什么是轮询?顾名思义就是我轮着问你,规定一个时间 ...
java ajax轮询_ajax轮询
http://blog.csdn.net/qq_23412263/article/details/70260057 原理普通的jquery ajax轮询的原理主要是,客户端通过定时器定时发送ajax ...
java ajax轮询_ajax轮询(ajax轮询实现聊天)
最近一直在研究ajax长轮询连实现即时通信,但是到底是个怎么轮询法?难道. 一般最原始的作法就是在客户端搞个定时器一直向后台请求,而ajax的长轮询与一般的http连接不一样,它发送的是长连接,比如说 ...
ajax轮询 xml,闲话ajax，例ajax轮询，ajax上传文件
引语:ajax这门技术早已见怪不怪了,我本人也只是就自己真实的经验去总结一些不足道的话.供不是特别了解的朋友参考参考! 本来早就想写一篇关于ajax的文章的,但是前段时间一直很忙,就搁置了,趁着元旦放 ...

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

Ajax轮询定时的通过Ajax查询服务端相关推荐

最新文章

热门文章