ajax轮询与长轮询

刚刚网了关于轮询的知识,必须拿到自己这里来做个备份了!

  其实以前用ajax轮询做个及时数据更新的,只是当时做了不知道那个就是轮询。

    首先我们什么时候会想到用轮询技术呢?

      一般而言,最多的是及时信息更新,比如一个商城活动,参与人数的实时更新等,也还有人用来做过聊天室的,但是哈,轮询技术问题还是很多的,频繁的请求的服务器,服务器会把IP给你列入非白名单里,让你无法请求服务器。所以做及时的我还是建议用websocket 建立长连接。

    其次小杨用一位老师的原话来讲解一下ajax轮询技术:

一、Ajax轮询——“定时的通过Ajax查询服务端”

  

          Ajax轮询——"定时的通过Ajax查询服务端"。

          概念:

            轮询(polling):客户端按规定时间定时像服务端发送ajax请求,服务器接到请求后马上返回响应信息并关闭连接。

            百闻不如一见,来段代码相信你一看就明白

            //为了让同学们都明白,我用了最简单的实现方法,同学们懂了原理后可以自行衍生:

            Reception.html //前端代码

<html><head><title></title><script src="http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script></head><body></body><script type="text/javascript">var getting = {

        url:'server.php',

        dataType:'json',

        success:function(res) {

        console.log(res);

}

};//关键在这里,Ajax定时访问服务端,不断获取数据 ,这里是1秒请求一次。window.setInterval(function(){$.ajax(getting)},1000);</script></html>

      //服务端。

      server_polling.php

query('select * from t1');$result=$resource->fetchall();if($result) {

    //exits dataprint_r(json_encode(array('success'=>'存在数据')));

    exit();

}print_r(json_encode(array('failed'=>'不存在数据')));exit();?>

        上面就是最基本最简化的Ajax轮询。判断t1表是否有数据,并执行对应输出。 实际项目中的话查询语句就根据实际需求来定就可以了。

        Ajax轮询最关键的地方在于"window.setInterval(function(){$.ajax(getting)},1000);" ,也就是文章开头所说的"客户端按规定时间定时像服务端发送ajax请求"。

        我们用图解释一下吧:

          从图中我们可以看出,客户端是按照规定时间(这个时间由你设定,此处默认为1秒)像服务端发送请求,前一次请求完成后,无论有无结果返回,一秒之后下一次请求又会发出。这就叫做Ajax轮询。

        用伪代码来表示一下:


    echo'发送一次请求';

    sleep(1) ;//这次请求发送完毕了,休息一秒钟之后继续发起请求}?>

        最关键的地方在于,客户端需要通过JS设定一个定时器,按照规定时间不断的请求。

        容易吧,其实真就没那么难,很多时候,仅仅是我们自己被新技术吓到罢了

嗯那么我们接下来看看Ajax 长轮询算是Ajax轮询的升级版

二、Ajax长轮询(long polling)

      Ajax长轮询属于Ajax轮询的升级版,在客户端和服务端都进行了一些改造,使得消耗更低,速度更快。

      "不间断的通过Ajax查询服务端"。

      Reception.html //客户端

<html><head><title></title><script src="http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script></head><body></body><script type="text/javascript">//前端Ajax持续调用服务端,称为Ajax轮询技术var getting = {

        url:'server.php',

        dataType:'json',

        success:function(res) {

        console.log(res);

        $.ajax(getting); //关键在这里,回调函数内再次请求Ajax}       

        //当请求时间过长(默认为60秒),就再次调用ajax长轮询        error:function(res){

        $.ajax($getting);

        }

};

$.ajax(getting);</script></html>

      server.php: //服务端

query('select * from t1');$result=$resource->fetchall();while(true) {

    if($result) {

        //exits dataprint_r(json_encode(array('success'=>'存在数据,返回')));

        exit();//输出数据,退出。然后客户端不间断继续发起请求    }

    //数据不存在,继续循环。}?>

长轮询的精髓就在于Ajax的回调函数,继续再次调用Ajax请求(不间断的原理就在这里,成功返回后立即再次调用):

$.ajax(getting);

下面是是Ajax 长轮询的图解:

图中有两次请求(本文中的请求默认均为Ajax),第一次很快返回了结果,然后不间断的立即发送第二次请求,但是第二次请求没有获得数据,所以请求迟迟没有返回(被挂在服务器了,但只要有数据就会再次返回),如果第二次的请求返回数据后,第三次请求旋即会立刻发出,这种技术就称为Ajax 长轮询。

用伪代码来表示就是这样:


    echo'返回数据给客户端';

    echo'客户端通过Ajax继续发起请求,然后继续if判断';

}else{

    echo'没有数据可以返回,再次执行一次if判断';

}?>



https://www.cnblogs.com/YangJieCheng/p/8367586.html

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 217,509评论 6 504
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,806评论 3 394
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 163,875评论 0 354
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,441评论 1 293
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,488评论 6 392
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,365评论 1 302
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,190评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,062评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,500评论 1 314
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,706评论 3 335
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,834评论 1 347
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,559评论 5 345
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,167评论 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,779评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,912评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,958评论 2 370
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,779评论 2 354

推荐阅读更多精彩内容