• 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设定一个定时器,按照规定时间不断的请求。

  • 相关阅读:
    LeetCode 226. Invert Binary Tree
    LeetCode 221. Maximal Square
    LeetCode 217. Contains Duplicate
    LeetCode 206. Reverse Linked List
    LeetCode 213. House Robber II
    LeetCode 198. House Robber
    LeetCode 188. Best Time to Buy and Sell Stock IV (stock problem)
    LeetCode 171. Excel Sheet Column Number
    LeetCode 169. Majority Element
    运维工程师常见面试题
  • 原文地址:https://www.cnblogs.com/richerdyoung/p/6732671.html
Copyright © 2020-2023  润新知