我有两个同时运行的AJAX请求问题。我有一个将数据导出到XSLX的PHP脚本。这个操作需要很长时间,所以我尝试向用户显示进度。我正在使用AJAX和数据库方法。实际上,我非常确定它曾经可以工作,但我无法弄清楚为什么,在任何浏览器中都不再起作用了。新浏览器有什么变化吗?
$(document).ready(function() {
$("#progressbar").progressbar();
$.ajax({
type: "POST",
url: "{$BASE_URL}/export/project/ajaxExport",
data: "type={$type}&progressUid={$progressUid}" // unique ID I'm using to track progress from database
}).done(function(data) {
$("#progressbar-box").hide();
clearInterval(progressInterval);
});
progressInterval = setInterval(function() {
$.ajax({
type: "POST",
url: "{$BASE_URL}/ajax/progressShow",
data: "statusId={$progressUid}" // the same uinque ID
}).done(function(data) {
data = jQuery.parseJSON(data);
$("#progressbar").progressbar({ value: parseInt(data.progress) });
if (data.title) { $("#progressbar-title").text(data.title); }
});
}, 500);
});
- 进度在数据库中正确更新
- JS 计时器试图获取进度,我可以在控制台看到它,但所有这些请求都要加载第一个脚本的整个持续时间,一旦脚本结束,这些 AJAX 进度调用就会被加载
那么,为什么第二个 AJAX 调用要等待第一个调用完成呢?