php和ajax 服务器端做轮询推送

在正式环境下试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://hoojo.cnblogs.com

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>