jquery - 多个AJAX请求相互延迟

Question

我的页面上有一个很长的轮询请求。服务器端的脚本设置为20秒后超时。

因此，当长轮询“空闲”时，并且用户按下另一个按钮，该新请求的发送将被延迟，直到前一个脚本超时。

我看不出 jQuery 端的代码有什么问题。为什么 onclick 事件会延迟？

function poll()
{
$.ajax({
    url: "/xhr/poll/1",
    data: {
        user_id: app.user.id
    },
    type: "POST",
    dataType: "JSON",
    success: pollComplete,
    error: function(response) {
        console.log(response);
    }
});
}

function pollComplete()
{
    poll();
}

function joinRoom(user_id)
{
$.ajax({
    url: "/xhr/room/join",
    dataType: "JSON",
    type: "POST",
    data: {
        user_id: app.user.id,
        room_id: room.id
    }
});
}

<button id="join" onclick="javascript:joinRoom(2);">Join</button>

############ PHP Controller on /xhr/poll

$time = time();
while ((time() - $time) < 20)
{
    $updates = $db->getNewStuff();

    foreach ($updates->getResult() as $update)
        $response[] = $update->getResponse();

    if (!empty($response))
        return $response;
    else
        usleep(1 * 1000000);

    return 'no-updates';
}

“ sleep ”可能是问题所在吗？

Answer 1

如果您在 AJAX 处理函数中使用 session ，则可能会遇到服务器在磁盘上维护 session 数据的问题。如果是这样，数据可能会被第一个请求锁定，因此每个后续请求都会在继续之前等待 session 数据文件可用。实际上，这使得异步调用相互阻塞，最终您会按照时间顺序对请求进行线性响应 - 同步。 (here's a reference article)

特定于 PHP 的解决方案是使用 session_write_close ( docs ) 在不再需要 session 时立即关闭 session 。这允许其他后续请求继续进行，因为 session 数据将被“解锁”。其他服务器端语言以不同的方式管理 session ，但这通常是您可以通过某种机制管理或控制的。

管理 session 可能存在一些陷阱。如果您在返回响应之前调用 session_write_close (或以其他方式结束 session )，那么您不会给自己带来任何好处，因为响应发送后 session 就会被解锁。因此，需要尽早调用它。在较小的项目中，这并不是那么糟糕，因为您通常有一个仅处理请求并转储响应的 php 脚本，但如果您有更大的框架和请求处理程序只是其中的一部分，您必须探索更顶级的非阻塞 session 使用解决方案，以便您的子组件不会关闭框架期望仍处于打开状态的 session 。

一种方法是使用数据库 session 。该解决方案有利有弊，超出了本答案的范围 - 检查 Google 以获取针对您的特定服务器端语言的详尽讨论。另一种途径是使用一个函数来打开 session ，添加变量，然后关闭它。使用此解决方案可能会面临竞争条件的风险，但以下是使用 PHP 的示例的粗略概述:

function get_session_var($key, $default=null) {
    if (strlen($key) < 1)
        return null;
    if (!isset($_SESSION) || !is_array($_SESSION)) {
        session_start();
        session_write_close();
    }
    if (array_key_exists($key, $_SESSION))
        return $_SESSION[$key];
    return $default;
}
function set_session_var($key, $value=null) {
    if (strlen($key) < 1)
        return false;
    if ($value === null && array_key_exists($key, $_SESSION)) {
        session_start();
        unset($_SESSION[$key]);
    } elseif ($value != null) {
        session_start();
        $_SESSION[$key] = $value;
    } else {
        return false;
    }
    session_write_close();
    return true;
}