如何通过jQuery（ajax）跟踪提交给服务器的请求的进度？

Question

I have some PHP app. At the moment I am developing part where an user submits a request/form to the server via ajax (jQuery). Server will insert thousands of records in MySQL database that will probably take couple minutes (due to various calculations etc).

Question: Is there a way to track progress of updates on server side? I understand I can write some output once everything is finished. A workaround would be something like: - store somewhere session ID plus progress details (example: processed 3k inserts out of 5k - maybe in some progress table in database - have front end jQuery script requesting that information from the server every 10 seconds or so...

Any ideas? Please feel free to ask any question you may have. Thank you.

Answer 1

While I don't know the specifics of what you're doing server-side, a script that takes a "couple minutes" to execute likely involves several distinct steps. It might make sense to have the script execute one step at a time, return its result, and then get called again to execute the next step.

By using a process like this, you'll be able to track progress client-side. The caveat is that if the client closes the browser window or leaves the page with your ajax code, the remaining steps won't be executed.