zoukankan      html  css  js  c++  java
  • Ajax轮询——定时的通过Ajax查询服务端

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

    test.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.php //服务端

    <?php
    
    $pdo = new PDO('mysql:dbname=test;host=127.0.0.1','root','root');
    
    $resource = $pdo->query('select * from table');
    
    $result = $resource->fetchall();
    
    if ($result) {
        //exits data
        print_r(json_encode(array('success'=>'存在数据')));
        exit();
    }
    print_r(json_encode(array('failed'=>'不存在数据')));
    exit();
    
    ?>

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

    Ajax轮询最关键的地方在于

    window.setInterval(function(){$.ajax(getting)},1000);   

    也就是文章开头所说的"客户端按规定时间定时像服务端发送ajax请求"。

    原理:

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

    用伪代码来表示一下:

    <?php
    
    //Ajax轮询
    
    while(true){
    
        echo'发送一次请求';
    
        sleep(1) ; //这次请求发送完毕了,休息一秒钟之后继续发起请求
    
    }
    
    ?>

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

  • 相关阅读:
    web api 特点
    码农
    到程序员短缺的地方生活,不要到过剩的地方凑热闹
    程序员也要寻找贸易的机会,要参加研讨会
    [Codeforces 863D]Yet Another Array Queries Problem
    [Codeforces 863C]1-2-3
    [Codeforces 864F]Cities Excursions
    [Codeforces 864E]Fire
    [Codeforces 864D]Make a Permutation!
    [Codeforces 864C]Bus
  • 原文地址:https://www.cnblogs.com/richerdyoung/p/6732671.html
Copyright © 2011-2022 走看看