PHP与ajax的长轮询

最新推荐文章于 2021-04-02 17:20:00 发布

Ersan_Yi

最新推荐文章于 2021-04-02 17:20:00 发布

阅读量568

点赞数 2

分类专栏： ajax Javascript php 文章标签： JavaScript ajax html jquery php

本文链接：https://blog.csdn.net/Ersan_Yi/article/details/76458750

版权

php 同时被 3 个专栏收录

15 篇文章 0 订阅

订阅专栏

Javascript

2 篇文章 0 订阅

订阅专栏

ajax

1 篇文章 0 订阅

订阅专栏

关于PHP与Jquery的ajax长轮询的简单的写法

html代码:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>长轮询</title>
</head>
<script src="../test/jquery-3.2.1.js" ></script>
<body>
  <button type="" id="but" >测试</button> 
  <div id="bu"></div>
</body>
<script>    
$(function(){
    $("#but").bind('click',{but:$("#but")},function(e){
        $.ajax({
            type:"post",
            url:"data.php",
            data:{"time": Date.parse(new Date())/1000},   
            timeout: 5000,//5秒超时，可自定义设置 ,
            dataType:"html",
            success:function(result, textStatus){
                
                $("#bu").append("[state: " + textStatus + ", data: { " + result + "} ]<br/>");

                if (textStatus == "success") { // 请求成功  
                    e.data.but.click(); 
                } ;
            },
            error:function(XHR, textStatus, errorThrown){
                $("#bu").append("[state: " + textStatus + ", error: " + errorThrown + " ]<br/>");  
                if (textStatus == "timeout") { // 请求超时  
                    e.data.but.click(); // 递归调用  
                } else { // 其他错误，如网络错误等  
                    e.data.but.click();  
                }; 
            }
        });
    });
});
</script>
</html>

PHP代码:

<?php

if(empty($_POST['time'])) exit();
date_default_timezone_set("PRC");
set_time_limit(0);//设置请求时间为无限,长连接
$time = $_POST['time'];
while (true) {    
    sleep(3); // 业务处理
    $i = rand(0,100); // 产生一个0-100之间的随机数  
    if ($i > 50) { // 当$i>50 视为有数据变化  
        $responseTime = time();  
       	echo ('result:  ' . $i . '  response_time:  ' . $responseTime . '  request_time:  '. $time . '  use_time:  '.($responseTime - $time));  
        exit();  
    } else { // 没有数据变化
        sleep(8); 
        exit();  
    }  
}

Ersan_Yi

关注

2
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
PHP与ajax的长轮询

关于PHP与Jquery的ajax长轮询的简单的写法html代码长轮询测试 $(function(){ $("#but").bind('click',{but:$("#but")},function(e){ $.ajax({ type:"post", url:"data.
复制链接

扫一扫