我应该使用sync AJAX来加载在触发或不触发任何其他操作之前所需的数据吗

Question

假设我有一个名为index.txt的文件，其中包含一些重要值，这些值是满足触发函数的特定条件所必需的。因此，我使用AJAX加载index.txt的内容，但现在我遇到了一个问题。我知道Synchronous AJAX是被弃用的(正如Chrome控制台中所示(，不应该使用，毕竟弊大于利！但是，我不能使用async，因为我的函数在执行其他任何操作之前都需要数据。所以，我的问题是，我该怎么做？我应该为此使用同步AJAX吗？

Answer 1

你可以这样解决。如果你不想搞砸异步的东西。只需使用这个基本的回调模式。

let data = null;
const txtFilePath = '/data.txt';
function loadTxt() {
const xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function () {
if (this.readyState === 4 && this.status === 200) {
data = this.responseText;
afterGetTextDataStuffs();
}
};
xhttp.open('GET', txtFilePath, true);
xhttp.send();
}
loadTxt();
function afterGetTextDataStuffs() {
console.log('txt data is loaded...');
console.log(data);
}