Почему код неработает?

Question

[spench1]

for(var i =0; i < 10; i++) {
var  user_zapros = JSON.stringify({user: i});

var request = new XMLHttpRequest(); 
 request.open("POST", "/user", true); 
request.setRequestHeader("Content-Type", "application/json");
  request.addEventListener("load", function () {  
  var result = JSON.parse(request.response); 
})
  request.send(user_zapros);

}

первый запрос обработался но слудуйщие по циклу дают ошибку

Uncaught SyntaxError: Unexpected end of JSON input
    at JSON.parse (<anonymous>)

Comments

[Антон Антон]

console.log(request.response)

А вообще производит впечатление плохо скопипащенного кода

[Alex]

Почему не используете fetch() ?

[spench1]

Alex, ну как по мне проще с XMLHttpRequest, но думаю стоит изменить его на fetch all

[Alex]

spench1, А у вас, сударь, очень специфичные вкусы =)

[spench1]

Антон Антон, Как можно исправить мой код? проблема в том что значение выводиться последнее, цикл он же моментально обрабатываеться и в моем коде в цикле есть запрос в сервер, и цикл неуспевает обработать его и приступает к новому запросу

[Антон Антон]

spench1, замени все var на let

Answer 1

[Сергей Соколов]

из комментов выяснилась проблема, которая была решена.

Рекомендуемое решение:

const results = [];
const promises = [];

for (let i = 0; i < 10; i++) {
  promises.push(
    fetch('/user', {
        method: 'POST',
        headers: {'Content-Type': 'application/json'},
        body: JSON.stringify({user: i}),
      })
      .then(response => response.json())
      .then(data => results.push(data))
      .catch(err => console.error(err))
  );
}

Promise.all(promises)
  .then(() => console.log("All 10 done!", results));

Comments

[spench1]

Как можно исправить мой код? проблема в том что значение выводиться последнее, цикл он же моментально обрабатываеться и в моем коде в цикле есть запрос в сервер, и цикл неуспевает обработать его и приступает к новому запросу

[Сергей Соколов]

spench1, var request = ...
замените на let request = – это создаст в каждой итерации цикла свой уникальный request

[spench1]

Сергей Соколов, да сработало, а как поступит если у кода така логика:

for(var i...) {
переменная = ""
запрос {
переменная = запрос.ответ 
}
масив[i] = переменная,
}

у меня в масив добовляеться пустое значение, хоть и ответ в запросе был получен

[Сергей Соколов]

spench1, тут надо понять, когда что происходит. Запрос дело долгое, выполняется не сразу, и результат появляется позже — в обработчике события "load" именно этого request. К этому времени весь код уже отыграл.

Можно внутри этого обработчика добавлять очередной результат в общий массив.

const results = [];

for (let i = 0; i < 10; i++) {
  let user_zapros = JSON.stringify({ user: i });

  let request = new XMLHttpRequest();
  request.open("POST", "/user", true);
  request.setRequestHeader("Content-Type", "application/json");
  request.addEventListener("load", function () {
    // вот это сработает для каждого запроса не сразу, а позже
    results.push(JSON.parse(request.response));
  });
  request.send(user_zapros);
}

Но возникает вопрос, как понять, что все 10 запросов уже отработали, и можно, наконец, заняться содержимым общего массива?

[spench1]

Сергей Соколов, Тут поправка, у меня обьект и в нем значения по типу:
{
"block1": даные с запросы,
"block2": даные с запросы,
}

ну я попробовал создать функция рекурсии, чтоб запрос успел прогрузиться и передастца и вроде функция вышла