javascript - 如何跟踪通过 jQuery (ajax) 提交到服务器的请求的进度？

Question

我有一些 PHP 应用程序。目前我正在开发用户通过ajax(jQuery)向服务器提交请求/表单的部分。服务器将在 MySQL 数据库中插入数千条记录，这可能需要几分钟(由于各种计算等)。

问题:有没有办法跟踪服务器端的更新进度？我知道一旦一切完成我就可以写一些输出。解决方法如下:- 在某处存储 session ID 和进度详细信息(例如:处理了 5k 中的 3k 插入 - 可能在数据库中的某个进度表中- 前端 jQuery 脚本每隔 10 秒左右从服务器请求该信息...

有什么想法吗？如果您有任何问题，请随时提出。谢谢。

Answer 1

虽然我不知道您在服务器端执行的具体操作，但需要“几分钟”执行的脚本可能涉及几个不同的步骤。让脚本一次执行一个步骤，返回其结果，然后再次调用以执行下一步可能是有意义的。

通过使用这样的流程，您将能够在客户端跟踪进度。需要注意的是，如果客户端关闭浏览器窗口或离开带有 ajax 代码的页面，则剩余步骤将不会执行。