使用进度条异步加载耗时的脚本答案

【问题标题】：Using a progress bar to load a time-consuming script asynchronously使用进度条异步加载耗时的脚本
【发布时间】：2010-08-09 08:12:11
【问题描述】：

我正在加载一个动态应用程序（这需要 20-30 秒），并且我正在尝试创建一个动态进度条，以向用户显示在页面加载时动态完成了多少任务。

我通过将缓冲区设置为 false 并让我的脚本在运行时输出一行 JavaScript 来实现这一点，该行调用一个函数来增加滚动条：

function progress(percent)
{
  $("#progressbar").progressbar({value: Math.round((percent*100))});
}

这是由一个简单的函数调用来调用的，比如我的页面生成的 progress(15) 并实时发送到浏览器。有人在另一个线程上建议我可以通过将进度条附加到 .load() AJAX 调用，但据我所知，这仅在整个页面加载后才会返回。我有什么方法可以使用某种类型的异步调用来执行耗时的代码，并且仍然能够在执行时显示实时进度？

【问题讨论】：

我动态地喜欢动态的第一个动态段落。 ;)
服务器端的语言是什么？

标签： javascript ajax jquery

【解决方案1】：

您将需要票务系统之类的东西。当客户端请求这个耗时的操作时，他们会得到一个ticket-id。

现在他们可以轮询服务器以获取更新；这可以由与实际处理请求的进程/脚本不同的进程/脚本提供服务。如果您向问题添加更多详细信息，我会更新此答案。

【讨论】：