在正式环境下试ok,之前一直在本地搭建的集合环境,一跑nigix就挂。
php端,就是ajax请求服务器,服务器一直轮询请求,有相应返回。
网上有相关文章:http://www.cnblogs.com/hoojo/p/longPolling_comet_jquery_iframe_ajax.html
Web 通信 之 长连接、长轮询(long polling)
基于HTTP的长连接,是一种通过长轮询方式实现"服务器推"的技术,它弥补了HTTP简单的请求应答模式的不足,极大地增强了程序的实时性和交互性。
一、什么是长连接、长轮询?
用通俗易懂的话来说,就是客户端不停的向服务器发送请求以获取最新的数据信息。这里的“不停”其实是有停止的,只是我们人眼无法分辨是否停止,它只是一种快速的停下然后又立即开始连接而已。
二、长连接、长轮询的应用场景
长连接、长轮询一般应用与WebIM、ChatRoom和一些需要及时交互的网站应用中。其真实案例有:WebQQ、Hi网页版、Facebook IM等。
如果你对服务器端的反向Ajax感兴趣,可以参考这篇文章 DWR 反向Ajax 服务器端推的方式:http://www.cnblogs.com/hoojo/category/276235.html
欢迎大家继续支持和关注我的博客:
http://blog.csdn.net/IBM_hoojo
也欢迎大家和我交流、探讨IT方面的知识。
email:hoojo_@126.com
三、优缺点
轮询:客户端定时向服务器发送Ajax请求,服务器接到请求后马上返回响应信息并关闭连接。
优点:后端程序编写比较容易。
缺点:请求中有大半是无用,浪费带宽和服务器资源。
实例:适于小型应用。
长轮询:客户端向服务器发送Ajax请求,服务器接到请求后hold住连接,直到有新消息才返回响应信息并关闭连接,客户端处理完响应信息后再向服务器发送新的请求。
优点:在无消息的情况下不会频繁的请求,耗费资源小。
缺点:服务器hold连接会消耗资源,返回数据顺序无保证,难于管理维护。
实例:WebQQ、Hi网页版、Facebook IM。
长连接:在页面里嵌入一个隐蔵iframe,将这个隐蔵iframe的src属性设为对一个长连接的请求或是采用xhr请求,服务器端就能源源不断地往客户端输入数据。
优点:消息即时到达,不发无用请求;管理起来也相对方便。
缺点:服务器维护一个长连接会增加开销。
实例:Gmail聊天
Flash Socket:在页面中内嵌入一个使用了Socket类的 Flash 程序JavaScript通过调用此Flash程序提供的Socket接口与服务器端的Socket接口进行通信,JavaScript在收到服务器端传送的信息后控制页面的显示。
优点:实现真正的即时通信,而不是伪即时。
缺点:客户端必须安装Flash插件;非HTTP协议,无法自动穿越防火墙。
实例:网络互动游戏。
- public $filename;
- public function init()
- {
- $this->layout = "main";
- if(isset($_POST["name"])){
- $uname = $_POST["name"];
- $this->filename = date("Ymd",time()).$uname.".txt";
- }
- }
- public function actionIndex()
- {
- $this->render('index');
- }
- //ajax 将数据存进来
- public function actionAjax()
- {
- set_time_limit(0);
- / $file = fopen("20151112aa.txt","a");
- $file = fopen($this->filename,"a");
- $content = '_'.$_POST['content'];
- fwrite($file,$content);
- fclose($file);
- }
- //拿到数据返回
- public function actionGetContent()
- {
- set_time_limit(0);
- /**
- * 判断是否存在文件,如果不存在,新建一个以当前日期为文件名的txt文件,并将初始消息写进去
- */
- if(file_exists($this->filename)){
- / echo 1;die;
- if($_POST['num'] == 1){
- exit(json_encode("_welcome you!!!"));
- die;
- }
- $content = file_get_contents($this->filename);
- $content_arr = explode("_",$content);
- $count = count($content_arr);
- /**
- * 做一个while的死循环,每隔300毫秒去比较消息数量,如果大于之前的数量,则以json格式输出
- * 并跳出此次循环,由客户端再次发送请求
- */
- while(true){
- $contents = file_get_contents($this->filename);
- $content_arr = explode("_",$contents);
- $counts = count($content_arr);
- if($counts>$count){
- $get_content = array_pop($content_arr);
- echo json_encode($get_content);
- break;
- }
- usleep(3000);
- }
- }else{
- $file = fopen($this->filename,"w");
- $content = "_welcome you!!!";
- fwrite($file,$content);
- fclose($file);
- exit(json_encode($content));
- }
- }
前端html
- <style>
- .color1{color:blue;}
- .color2{color:red;}
- </style>
- <input type="text" id="name"><input type="button" id="btn1" value="sumbit">
- <div id="div_content" style="height:200px;">
- </div>
- <input type="text" id="content">
- <input type="button" id="btn2" value="sumbit">
- <script src="http://icon.xcar.com.cn/2014/muban/js/jquery-1.8.3.min.js"></script>
- <script>
- var name = "";
- $("#btn1").click(function(){
- name = $('#name').val();
- getContent(1);
- })
- var div_obj = $("#div_content");
- var content_obj = $("#content");
- $("#btn2").click(function(){
- var content = content_obj.val();
- if(content){
- $.post("<?= Yii::app()->createUrl("tuan/xu/ajax");?>",{name:name,content:content});
- div_obj.append("<a class='color1'>aa</a>: <em>"+content+"</em><br>");
- }
- })
- function getContent(num){
- $.ajax({
- type:"post",
- data:{name:name,num:num},
- url: "<?= Yii::app()->createUrl("tuan/xu/getContent");?>",
- success: function(data){
- div_obj.append("<a class='color2'>bb</a>: <em>"+data+"</em><br>");
- getContent(2);
- }
- });
- }
- </script>