我正在编写一个网络应用程序(仅与 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 小时也不会对浏览器造成伤害?或者我应该完全跳过长轮询并使用不同的“持续更新”模式,因为我通常知道服务器对我的响应频率是多少?
最佳答案
也有可能是 FireBug。你在控制台记录东西,这意味着你可能打开了一个网络监视器选项卡,等等,这意味着每个请求都存储在内存中。
尝试禁用它,看看是否有帮助。
关于javascript - 提高长轮询 Ajax 性能,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2094824/