原文地址(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. ACM: FZU 2148 Moon Game - 海伦公式

     FZU 2148  Moon Game Time Limit:1000MS     Memory Limit:32768KB     64bit IO Format:%I64d & %I64 ...

  2. Loadrunner脚本录制常见问题整理

    1.LoadRunner录制脚本时为什么不弹出IE浏览器? 当一台主机上安装多个浏览器时,LoadRunner录制脚本经常遇到不能打开浏览器的情况,可以用下面的方法来解决. 启动浏览器,打开Inter ...

  3. UVA 11039 - Building designing(DP)

    题目链接 本质上是DP,但是俩变量就搞定了. #include <cstdio> #include <cstring> #include <algorithm> u ...

  4. Android -- 编辑框更改样式

    1. 效果图

  5. BZOJ3653: 谈笑风生

    Description 设T 为一棵有根树,我们做如下的定义:• 设a和b为T 中的两个不同节点.如果a是b的祖先,那么称“a比b不知道高明到哪里去了”.• 设a 和 b 为 T 中的两个不同节点.如 ...

  6. AppStore上传条例

    1. 条款和条件1.1 为App Store开发程序,开发者必须遵守 Program License Agreement (PLA).人机交互指南(HIG)以及开发者和苹果签订的任何协议和合同.以下规 ...

  7. SDL 五子棋游戏

    http://www.jb51.net/article/79271.htm 1.定义窗口大小,棋盘大小 SDL_GetWindowSize()读取窗口大小, 由于棋盘是15*15格局,上下留白一行,在 ...

  8. Node.js 手册查询-2-MongoDB数据库方法

    MongoDb 标签(空格分隔): 数据库 MongoDb 安装 当前版本 2.X 解压至任意目录,最好不要是c盘. 在根目录下建立一个文件夹用来存储工程 我的例子: 安装至: d:\mongodb ...

  9. selenium grid解决多台电脑进行并发执行测试脚本

    1 两台计算机,一台计算机既做HUB,又做Node 机器A设置HUB的步骤: 1 运行---输入cmd 2 输入: cd c:/ 3  输入: java -jar selenium-server-st ...

  10. JSON value

    JSON values can be: A number (integer or floating point) A string (in double quotes) A Boolean (true ...