原文地址(http://justcode.ikeepstudying.com/2016/08/comet-%E5%8F%8Dajax-%E5%9F%BA%E4%BA%8Ejquery%E4%B8%8Ephp%E5%AE%9E%E7%8E%B0ajax%E9%95%BF%E8%BD%AE%E8%AF%A2longpoll/)

页面代码：

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

    <title>jQuery与PHP实现Ajax长轮询</title>

    <script src="http://sources.ikeepstudying.com/js/jquery-1.11.3.min.js"></script>

    <script type="text/javascript">

        $(function(){

            $("#btn").bind("click",{btn:$("#btn")},function(evdata){

                $.ajax({

                    type:"POST",

                    dataType:"json",

                    url:"./comet.php",

                    timeout:10000,     //ajax请求超时时间10秒

                    data:{time:"6"}, //6秒后无论结果服务器都返回数据

                    success:function(data,textStatus){

                        console.log(evdata);

                        //从服务器得到数据，显示数据并继续查询

                        if(data.success=="1"){

                         $("#msg").append("<br>[有数据]"+data.text);

                         evdata.data.btn.click();

                        }

                     //未从服务器得到数据，继续查询

                        if(data.success=="0"){

                        $("#msg").append("<br>[无数据]");

                        evdata.data.btn.click();

                        }

                    },

                     //Ajax请求超时，继续查询

                     error:function(XMLHttpRequest,textStatus,errorThrown){

                         console.log(textStatus);

                        if(textStatus=="parsererror"){

                            $("#msg").append("<br>[超时]");

                            evdata.data.btn.click();

                        }

                     }

                    });

            });

        });

    </script>

</head>

<body>

    <div id="msg"></div>

    <input id="btn" type="button" value="测试" />

</body>

</html>

php代码：

<?php

if(empty($_POST['time'])) exit();

set_time_limit(0);//无限请求超时时间

$i=0;

while (true)

{

    //sleep(1);

    usleep(500000);//0.5秒

    $i++;     

    //若得到数据则马上返回数据给客服端，并结束本次请求

    $rand=rand(1,999);

    if($rand<=100){

        $arr=array('success'=>"1",'name'=>'xiaocai','text'=>$rand);

        echo json_encode($arr);

        exit();

    }     

    //服务器($_POST['time']*0.5)秒后告诉客服端无数据

    if($i==$_POST['time']){

        $arr=array('success'=>"0",'name'=>'xiaocai','text'=>$rand);

        echo json_encode($arr);

        exit();

    }

}

?>

下面是测试结果：

　　

下面推荐几篇写的很好的文章，关于轮询和连接的：

　　http://web.jobbole.com/85541/  (谈谈HTTP协议中的短轮询、长轮询、长连接和短连接)

　　http://www.cnblogs.com/hoojo/p/longPolling_comet_jquery_iframe_ajax.html  (内容：web通信之长连接、长轮询)

　　http://blog.zhangruipeng.me/2015/10/22/Web-Connectivity/  (内容:传统轮询、长轮询、服务器推送事件和WebSocket)

　　

Comet 反Ajax: jQuery与PHP实现Ajax长轮询的更多相关文章

  1. 用.NET MVC实现长轮询，与jQuery.AJAX即时双向通信

    两周前用长轮询做了一个Chat,并移植到了Azure,还写了篇博客http://www.cnblogs.com/indream/p/3187540.html,让大家帮忙测试. 首先感谢300位注册用户 ...

  2. 网页实时聊天之js和jQuery实现ajax长轮询

    众所周知,HTTP协议是无状态的,所以一次的请求都是一个单独的事件,和前后都没有联系.所以我们在解决网页实时聊天时就遇到一个问题,如何保证与服务器的长时间联系,从而源源不段地获取信息. 一直以来的方式 ...

  3. [转]网页实时聊天之js和jQuery实现ajax长轮询 PHP

    网页实时聊天之js和jQuery实现ajax长轮询 众所周知,HTTP协议是无状态的,所以一次的请求都是一个单独的事件,和前后都没有联系.所以我们在解决网页实时聊天时就遇到一个问题,如何保证与服务器的 ...

  4. 基于jquery,php实现AJAX长轮询(LongPoll)，类似推送机制

    HTTP是无状态.单向的协议,用户只能够通过客服端向服务器发送请求并由服务器处理发回一个响应.若要实现聊天室.WEBQQ.在线客服.邮箱等这些即时通讯的应用,就要用到“ 服务器推送技术(Comet)” ...

  5. Js和Jquery实现ajax长轮询

    众所周知,HTTP协议是无状态的,所以一次的请求都是一个单独的事件,和前后都没有联系.所以我们在解决网页实时聊天时就遇到一个问题,如何保证与服务器的长时间联系,从而源源不段地获取信息. 一直以来的方式 ...

  6. php websocket-网页实时聊天之PHP实现websocket（ajax长轮询和websocket都可以时间网络聊天室）

    php websocket-网页实时聊天之PHP实现websocket(ajax长轮询和websocket都可以时间网络聊天室) 一.总结 1.ajax长轮询和websocket都可以时间网络聊天室 ...

  7. Ajax长轮询(LongPoll)

    1)HTML HTTP是无状态.单向的协议,用户只能够通过客服端向服务器发送请求并由服务器处理发回一个响应.若要实现聊天室.WEBQQ.在线客服.邮箱等这些即时通讯的应用,就要用到“ 服务器推送技术( ...

  8. ajax轮询与长轮询

      刚刚网了关于轮询的知识,必须拿到自己这里来做个备份了! 其实以前用ajax轮询做个及时数据更新的,只是当时做了不知道那个就是轮询. 首先我们什么时候会想到用轮询技术呢? 一般而言,最多的是及时信息 ...

  9. Ajax 长轮询

    长轮询:客户端向服务器发送Ajax请求,服务器接到请求后hold住连接,直到有新消息才返回响应信息并关闭连接,客户端处理完响应信息后再向服务器发送新的请求. 优点:在无消息的情况下不会频繁的请求. 缺 ...

随机推荐

  1. 【CodeVS】p1299 切水果

    题目描述 Description 简单的说,一共N个水果排成一排,切M次,每次切[L,R]区间的所有水果(可能有的水果被重复切),每切完一次输出剩下水果数量 数据已重新装配,不会出现OLE错误 时限和 ...

  2. 崩溃恢复（crash recovery）与 AUTORESTART参数

    关于这个参数设置的影响,在生产系统中经历过两次:        第一次是有套不太重要的系统安装在虚拟机,这套系统所有应用(DB2 WAS IHS)都配置到/etc/rc.local中,每次启动机器会自 ...

  3. 'Could not load NIB in bundle: 'NSBundle xxx/storeFlix.app> ' with name 'UIViewController-w6Q-ra-j06' and directory 'StoreFlixIpad.storyboardc

    1.此代码是从 git clone xxx 下载的. 2.使用 sourcetree 下载即可解决此问题.

  4. QQ 微信 新浪 无法 分享 收集

    1.网络请求报错.升级Xcode 7.0发现网络访问失败.输出错误信息 The resource could not be loaded because the App Transport Secur ...

  5. C语言（2）

    C语言(2)---变量 基本格式: 变量类型  变量名1[,变量名2,变量名3,...变量名n]: 注意: 1.在C语言中如果申请一个变量,里面存放小数,则用float表示,且在输出时需要注意prin ...

  6. linux下查看内存的命令

    top能显示系统内存.我们常用的Linux下查看内容的专用工具是free命令. 下面是对内存查看free命令输出内容的解释: total:总计物理内存的大小. used:已使用多大. free:可用有 ...

  7. JAVA泛型? T K V E等代表的意思

    ? 表示不确定的java类型. T  表示java类型. K V 分别代表java键值中的Key Value. E 代表Element. Object跟这些东西代表的java类型有啥区别呢? Obje ...

  8. Node.js前端自动化工具：gulp

    前端自动化工具 -- gulp 使用简介 gulp是基于流的前端自动化构建工具. 之前也谈到了 grunt的用法,grunt其实就是配置+配置的形式. 而gulp呢,是基于stream流的形式,也就是 ...

  9. 运维、linux运维是什么？

    从不知道运维是什么 到后来接触了linux运维 后来玩遍了运维常用的各种开源软件发现原来运维是这么回事 又到了后来,运维真的是我理解的这些吗?会软件,会配置,会部署.会调优,会处理故障...但是总觉得 ...

  10. spring security remember me实现自动登录

    1 默认策略 在我们自定义的login中增加一个选择框 <input type="submit" value="Login" /> <br/& ...