原文地址(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. 【BZOJ3224】Tyvj 1728 普通平衡树 Splay

    Description 您需要写一种数据结构(可参考题目标题),来维护一些数,其中需要提供以下操作:1. 插入x数2. 删除x数(若有多个相同的数,因只删除一个)3. 查询x数的排名(若有多个相同的数 ...

  2. bg,fg,ctrl+z组合

    使用ctrl + Z 把一个进程挂起 [root@limt ~]# sh Testlsof.sh >111.log ^Z [1]+ Stopped sh Testlsof.sh > 111 ...

  3. 找到一个Flex中LineChart很好的学习博客

    http://blog.flexexamples.com/category/linechart/ 里面链接复制的时候失效了,请直接点击原页面进行查看 Setting specific minimum ...

  4. Linux多线程实例练习 - pthread_exit() 与 pthread_join()

    Linux多线程实例练习 - pthread_exit 与 pthread_join pthread_exit():终止当前线程 void pthread_exit(void* retval); pt ...

  5. NodeJS学习笔记之Connect中间件模块（一）

    NodeJS学习笔记之Connect中间件模块(一) http://www.jb51.net/article/60430.htm NodeJS学习笔记之Connect中间件模块(二) http://w ...

  6. 关于webdriver中弹出框的定位

    对于webdriver中弹出框的定位,需要引入这个包: import org.openqa.selenium.Alert; 具体语句为: Alert alert= driver.switchTo(). ...

  7. 制作、解析带logo的二维码

    用DecoderQRCode来解析带logo的二维码,发现报错,解析不了,于是便又查资料,找到了更强大的制作二维码 工具:GooleZXing 首先下GooleZXing的jar包. -------- ...

  8. android夜间模式实现

    一.概述 android夜间模式实现分为两大类 重启activity的实现 不重启activity的实现 二.正文 1.重启activity实现夜间模式[在界面文件中的实现部分] 1.1在attrs. ...

  9. jQuery设计思想之取值和赋值

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  10. oauth2.0了解

    http://www.ruanyifeng.com/blog/2014/05/oauth_2_0.html