原文地址(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. 洛谷 P1074 靶形数独 Label:search 不会

    题目描述 小城和小华都是热爱数学的好学生,最近,他们不约而同地迷上了数独游戏,好胜的他 们想用数独来一比高低.但普通的数独对他们来说都过于简单了,于是他们向 Z 博士请教, Z 博士拿出了他最近发明的 ...

  2. 让 cell 显示底部线条时,总是有几个线条被隐藏.

    一,经历 1> 感觉像是重用的问题,但从代码的分析中找不出任何问题. 2> 感觉像是我 在创建怎样的 cell 的代码 被 layoutsubviews 方法覆盖了一样.于是先在创建怎样的 ...

  3. linux系统下yum源的搭建

    1.建立挂载点 系统默认在 /mnt目录 1>创建挂载点 mkdir -p /mnt/cdrom   参数-p是需要时创建目标目录的上层目录,但即使这些目录已存在也不当作错误处理 2>查看 ...

  4. Emoji表情符号录入MySQL数据库报错

    版本一: 1,查看tomcat后台日志,核心报错信息如下:   Caused by: java.sql.SQLException: Incorrect string value: '\xF0\x9F\ ...

  5. DataContractJsonSerializer deserialize stream

    var response = await httpClient.PostAsync(endpoint, new FormUrlEncodedContent(parameters)); var resu ...

  6. cookie的设置、获取和删除封装

    在我们为了去完成数据储存,有时会用到cookie,简单封装一下cookie: <!DOCTYPE html> <html lang="en"> <he ...

  7. android开发期间使用真机调试但系统无法识别出真机

    前言 前些天重装了系统,好不容易把所有的软件装好,结果发现打开android studio真机调试却出了问题. 一.症状: 1.手机端设置完全没问题(打开了调试模式......) 2.电脑端右下角不出 ...

  8. 禁止浏览器直接访问php文件

    框架中很多php文件并不是用来如果熟悉框架的路径就能直接访问这个文件,虽然访问到了也不能看到什么(他看到的是编译过后的html文件),但还是觉的很不安全. 可以通过下面这种方法拒绝他人的从浏览器中的访 ...

  9. createElement，createTextNode，appendChild

    <html> <head> <meta charset="UTF-8"> <title></title> <scr ...

  10. jQuery 插件autocomplete

    jQuery 插件autocomplete 自动加载 参考: http://www.cnblogs.com/Peter-Zhang/archive/2011/10/22/2221147.html ht ...