I've managed to get what I was looking for.
The first step is to create a async function and then, put all your code, that you need to be executed as if it were synchronous, within that function.
Here is a code snippet for that:
<html>
<body>
</body>
</html>
<script>
var fileList = [
'test_1.txt',
'test_2.txt',
'test_3.txt',
'test_4.txt',
'test_5.txt'
];
async function loadFiles()
{
for (i = 0; i < fileList.length; i++)
{
await fetch(fileList[i]).then(function(response){
return response.text();
}).then(function (text){
console.log(text);
});
console.log("loaded " + fileList[i]);
}
}
loadFiles();
</script>
With this, all the files will be loaded one, after the another.
It is pretty amazing to do this in these days, since it is easy to manage sequential tasks in javascript that were done asynchronously before.
与恶龙缠斗过久,自身亦成为恶龙；凝视深渊过久,深渊将回以凝视…
