Скрипт, который я пишу, выполняет несколько вызовов API в цикле for.Проблема в том, что некоторые вызовы API загружаются дольше, чем другие, поэтому информация загружается на странице не по порядку.
Например, я сделаю вызов API для объектов 1-8, но они 'Загрузим в следующем порядке: 4, 3, 1, 2, 7, 5, 6, 8
Код в основном следующий:
function loadData() {
for (var i = 0; i < 8; i++) {
$.getJSON("http://theapi.com/data" + i, function(data) {
var div = "<div>" + data + "</div>";
browserElement.innerHTML += div;
});
}
}
Как заставить JavaScript не загружать второй вызов API до завершения первого?
Редактировать: Использование"обещания" связать вызовы API приводят к тому, что скрипт ожидает отображения данных, пока ВСЕ они не будут загружены.Это нежелательный результат, поскольку, если данных достаточно, пользователю, возможно, придется подождать несколько секунд, чтобы что-то увидеть.