我遇到了两个同时运行的 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 调用要等待第一个完成呢?