PHP如何在HTML代码中刷新ProgressBar？

我在index.html中有一个表单，在提交时调用jQuery函数。 这个jQuery函数执行一个AJAX请求来运行PHP脚本。

我希望PHP脚本与HTML交互（目标是刷新进度条）。

我的问题是在使用AJAX运行PHP脚本时，它正在后台执行。 我不希望在PHP处理过程中刷新页面。

我画了一幅画。

我怎样才能做到这一点？

Answer 1

我认为你的意思是进度条应该通过上传过程来填充。 你可以这样做

 $.ajax({ xhr: function() { var xhr = new window.XMLHttpRequest(); // Upload progress xhr.upload.addEventListener("progress", function(evt){ if (evt.lengthComputable) { var percentComplete = evt.loaded / evt.total; $('#progress').text(percentComplete + '%').css('width', percentComplete + '%'); } }, false); // Download progress xhr.addEventListener("progress", function(evt){ if (evt.lengthComputable) { var percentComplete = evt.loaded / evt.total; $('#progress').text(percentComplete + '%').css('width', percentComplete + '%'); } }, false); return xhr; }, type: 'POST', url: "/", data: {}, success: function(data){ // Do something success-ish } });