原文地址(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. HDU 4503 湫湫系列故事——植树节(单色三角形)

    题目链接 #include <cstdio> using namespace std; int main() { int n,sum,a,t,i; scanf("%d" ...

  2. Hibernate4Maven

    How to create a Maven project with Hibernate libs? This blog will be a demo to describe this issue. ...

  3. Java_动态加载类（英文）

    It is possible to load and reload classes at runtime in Java, though it is not as straightforward as ...

  4. Hibernate条件查询

    设计上可以灵活的根据 Criteria 的特点来方便地进行查询条件的组装.现在对 Hibernate的Criteria 的用法进行总结:Hibernate 设计了 CriteriaSpecificat ...

  5. GraphicsMagick+im4java 图片处理

    最近团队内部分享GraphicsMagick+im4java 图片处理 就把如何安装,运行都统一整理一下. 详细如下: 在windows上安装ImageMagick: download 地址:http ...

  6. Optimizely:在线网站A/B测试平台

    Optimizely:在线网站A/B测试平台是一家提供 A/B 测试服务的公司.A/B 测试能够对比不同版本的设计,选取更吸引用户眼球的那一款,从而带来更为优化的个人体验.让网站所有者易于对不同版本的 ...

  7. 高性能MySQL第1章知识点梳理

    1. MySQL的逻辑架构 最上面不是MySQL特有的,所有基于网络的C/S的网络应用程序都应该包括连接处理.认证.安全管理等. 中间层是MySQL的核心,包括查询解析.分析.优化和缓存等.同时它还提 ...

  8. matplotlib安装问题

    1, 安装matplotlib 官网直接下载:http://matplotlib.sourceforge.net/ 我找了一个.exe的安装完毕之后, 直接 import matplotlib, no ...

  9. min-height

    1.min-height min-height:160px;height:auto!important;height:160px; min-height:160px; 设置对象box的最小高度,Fir ...

  10. mimikatz不反弹读取密码

    有些时候无法反弹shell执行mimikatz,虽然可以用procdump导出lsass的内存dump文件,之后本地获取明文密码,但多少有点麻烦,其实mimikatz也支持命令行直接导出 mimika ...