Ajax异步请求PHP服务器，如何做到无阻塞响应

曾经终败给现在 2023-06-30 12:54 13阅读 0赞

最近发现了一个ajax异步请求的问题，用$.post、$.get、$.ajax请求PHP服务器时，总是无法异步返回数据。  
  
**经多次测试才发现：**  
\-- 不同浏览器，请求不同域名-不阻塞：无需实验  
\-- 不同浏览器，请求同域名-不阻塞：session\_id()返回不同  
\-- 同一浏览器，请求不同域名-不阻塞：session\_id返回不同  
\-- 同一浏览器，请求同域名-阻塞：session\_id()返回相同  
  
**发现问题所在：**  
1 关闭XDEBUG  
2 SESSION锁  
3 清除输出缓冲区  
  
**1 关闭XDEBUG**  
XDEBUG是实时调试。调试时，它将保持FPM以确保线程正在工作以避免数据污染。   
典型的测试方法是，使用XDEBUG进行调试时，打开另一个浏览器并访问该站点，该站点这个时候是无法访问的。   
这对并行响应有重大影响，即，即使前端发送多个请求，它也受XDEBUG控制，并且只能同时响应一个。   
另外，由于XDEBUG依赖于SESSION，因此即使您使用session\_write\_close（），也要关闭会话锁（请参见下文）。   
XDEBUG仍会自动打开。  
  
**2 SESSION锁**  
用 session\_write\_close() 关闭SESSION的写锁，这适合SESSION保存为File的情况。  
如果SESSION保存在Redis，则不需要。  
  
**3 清除输出缓冲区**  
使用session\_write\_close()可能无法立即关闭SESSION锁，所以在这个方法之前加上：ob\_end\_flush()。  
让 session\_write\_close() 马上生效。

**4 示例**  
有如下一个范例，当点击【提交】按钮时，前端会给后台服务器发送两种请求。  
一种是get请求，每隔1秒请求一次。  
一种是post请求，最开始的时候发送一次，然后等待相应结束。  
  
**看看HTML代码**

<form>
    <input type="submit" value="提交" />
    </form>
    
    <script src="//cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script>
    
    <script type="text/javascript">
        $('form').on('submit', function(e) {
            e.preventDefault();
    
            // 每隔一秒请求一次服务器
            var id = setInterval(function() {
                $.get(
                    'save.php?action=get',
                    {},
                    function(data) {
                        console.log(data);
                    },
                    'json'
                );
            }, 1000);
    
            $.post(
                'save.php?action=post',
                {},
                function(data) {
                    console.log(data);
                    // 停止定时循环
                    clearInterval(id);
                },
                'json'
            );
        });
    </script>

**php代码**

<?php
    
    session_start();
    
    $action = $_GET['action'];
    
    if ($action == 'post') {
    
       $_SESSION['time'] = 0;
       session_write_close();
    
        while ($_SESSION['time'] < 5) {
          session_start();
          $_SESSION['time'] = $_SESSION['time'] + 1;
    
          // 将SESSION数据写入文件中，并关闭写锁
          session_write_close();
    
          // sleep()模拟花费时间较长的程序，这样在关闭写锁之后，
          // 服务器就能够相应别的请求，如下的$action=get，
          sleep(1);
        }
    
        echo json_encode([session_id() => $_SESSION['time']]);
        exit();
    }
    
    if ($action == 'get') {
        echo json_encode([session_id() => $_SESSION['time']]);
        exit();
    }