javascript - 提高长轮询 Ajax 性能

Question

我正在编写一个网络应用程序(仅与 Firefox 兼容)，它使用长轮询(通过 jQuery 的 ajax 功能)从服务器向客户端发送或多或少的持续更新。我担心长时间运行(例如，整天或整夜)的影响。基本的代码框架是这样的:

function processResults(xml)
{
    // do stuff with the xml from the server
}

function fetch()
{
    setTimeout(function ()
    {
        $.ajax({
            type: 'GET',
            url: 'foo/bar/baz',
            dataType: 'xml',
            success: function (xml)
            {
                processResults(xml);
                fetch();
            },
            error: function (xhr, type, exception)
            {
                if (xhr.status === 0)
                {
                console.log('XMLHttpRequest cancelled');
                }
                else
                {
                    console.debug(xhr);
                    fetch();
                }
            }
        });
    }, 500);
}

(半秒的“休眠”是为了让客户端在更新快速返回客户端时不会攻击服务器——通常情况下是这样。)

在让它运行一夜之后，它往往会使 Firefox 爬行。我一直在想，这可能部分是由大堆栈深度引起的，因为我基本上已经编写了一个无限递归函数。但是，如果我使用 Firebug 并将断点放入 fetch 中，看起来情况并非如此。 Firebug 向我显示的堆栈只有大约 4 或 5 帧深，即使在一个小时后也是如此。

我正在考虑的解决方案之一是将我的递归函数更改为迭代函数，但我不知道如何在 Ajax 请求之间插入延迟而不旋转。我看过 JS 1.7 "yield" keyword但我不太清楚它是否是我需要的。

是否最好的解决方案只是定期对页面进行硬刷新，比如每小时一次？是否有更好/更精简的长轮询设计模式，即使运行 8 或 12 小时也不会对浏览器造成伤害？或者我应该完全跳过长轮询并使用不同的“持续更新”模式，因为我通常知道服务器对我的响应频率是多少？

Answer 1

也有可能是 FireBug。你在控制台记录东西，这意味着你可能打开了一个网络监视器选项卡，等等，这意味着每个请求都存储在内存中。

尝试禁用它，看看是否有帮助。