Как записать результат работы цикла в переменную и вывести алертом?

Question

[MrDevil131]

Доброго времени суток! Прошу помощи, так как задуманное смог реализовать только частично. Есть необходимость на js в hta файле проверить на доступность список ссылок (ссылки не локальные) и вывести одним алертом список рабочих и нерабочих. Пытался сделать это посредством записи через += в переменную checkURL с \n в качестве разделителя строки, но кроме изначального содержимого переменной ничего не выводится. Здесь оставил рабочий вариант с алертами для каждой ссылки чтобы можно было удостовериться в работоспособности остального кода.

<script type='text/javascript'>
        window.onload = function (){
        var URL = new Array();
        URL[0] = "https://example.com/";
        URL[1] = "https://example.com/";
        URL[2] = "https://example.com/";
        URL[3] = "https://example.com/";
        URL[4] = "https://example.com/";
        URL[5] = "https://example.com/";
        URL[6] = "https://example.com/";
        URL[7] = "https://example.com/";
        URL[8] = "https://example.com/";
        URL[9] = "https://example.com/";
        URL[10] = "https://example.com/";
        URL[11] = "https://example.com/";
        URL[12] = "https://example.com/";
        URL[13] = "https://example.com/";
        URL[14] = "https://example.com/";
        URL[15] = "https://example.com/";
        URL[16] = "https://example.com/";
        URL[17] = "https://example.com/";
        URL[18] = "https://example.com/";
        URL[19] = "https://example.com/";
        URL[20] = "https://example.com/";
        URL[21] = "https://example.com/";
        URL[22] = "https://example.com/";
        var nRequest = new Array();
        var checkURL = 'ДОСТУПНОСТЬ БЭКОФИСОВ:\n';
        for (var i=0; i<22; i++){
           (function(i) {
              nRequest[i] = new XMLHttpRequest();
              nRequest[i].open("GET", URL[i], true);
              nRequest[i].onreadystatechange = function (oEvent) {
                 if (nRequest[i].readyState === 4) {
                    if (nRequest[i].status === 200) {
                      alert (URL[i] + " РАБОТАЕТ\n");
                    } else {
                      alert (URL[i] + " НЕ РАБОТАЕТ\n");
                    }
                 }
              };
              nRequest[i].send(null);
           })(i);
        }
        alert(checkURL);
        }
    </script>

Заранее спасибо за помощь!

Comments

[Rsa97]

Из браузера может и не получиться из-за CORS.
Или на каждом сервере из списка надо будет прописывать CORS-заголовки.

[MrDevil131]

Rsa97, если попробовать запустить код, алерты верно срабатывают. Сайт https://example.com/ рабочий, поэтому алерт выдаст "https://example.com/ РАБОТАЕТ". Тем более, что файлы .hta работают на "движке" ie. Суть вопроса именно в том, что я не могу построчно записать в переменную все результаты работы цикла в виде
https://example.com/ РАБОТАЕТ
https://example2.com/ НЕ РАБОТАЕТ
https://example2.com/ НЕ РАБОТАЕТ
и вывести их одним алертом по окончанию работы цикла

Answer 1

[Rsa97]

Promise.all(
  URL.map(
    (url) => fetch(url)
      .then((response) => `${url} : ${response.status} ${response.statusText}`)
      .catch((e) => `${url} : ${e.message}`),
  ),
)
.then(
  (results) =>
    alert(results.join("\n")),
);

var unresolved = URL.length;
var results = [];
for (i = 0; i < URL.length; i += 1) {
  (function(i) {
    var request = new XMLHttpRequest();
    request.open("GET", URL[i]);
    request.onreadystatechange = function (event) {
      console.log(request);
      if (request.readyState === 4) {
        if (request.status === 200) {
          results[i] = URL[i] + ' РАБОТАЕТ';
        } else {
          results[i] = URL[i] + ' НЕ РАБОТАЕТ';
        }
        unresolved -= 1;
        console.log(unresolved);
        if (unresolved === 0) {
          alert(results.join("\n"));
        }
      }
    }
    request.send();
  })(i);
}

Comments

[MrDevil131]

Спасибо за ответ! Но к сожалению, как я я понимаю, я не смогу использовать fetch для запроса на другой сайт. Кроме того, .hta, кажется, не принимает стрелочные функции :(

[Rsa97]

MrDevil131, Не обратил внимания, что у вас .hta, а значит давно не поддерживаемый IE без новых возможностей.

[WbICHA]

new Promise(

Он тут явно лишний.)

[Rsa97]

WbICHA, Согласен

[Rsa97]

MrDevil131, Добавил вариант для древних браузеров.

[MrDevil131]

Rsa97, всё работает! Огромное вам человеческое спасибо!
Скажите, пожалуйста, в каком направлении двигаться, если мне в перспективе понадобится чтобы в условном алерте я вместо ссылок мог вывести названия сайтов (+ работает/не работает), которые я хочу задать сам? Сделать ещё один array, соотнести по индексу элемента с array, содержащим ссылки и уже после выводить алерт?

[Rsa97]

MrDevil131, Проще класть в массив объекты.

var sites = [
  { url: 'https://example.com', name: 'Site 1' },
  { url: 'https://example2.com', name: 'Site2' },
];

[MrDevil131]

Rsa97, извините, пожалуйста, за наглость и назойливость, а понадобится ли мне тогда новый цикл? Либо же я могу как-то записать в существующем цикле в переменную именно ключ name?

[Rsa97]

MrDevil131, sites[i].name

[MrDevil131]

Rsa97, ещё раз огромное спасибо!

[MrDevil131]

Rsa97, все смог реализовать по подсказкам, спасибо!)
Последний вопрос, честно. Если я удаляю строку до else чтобы оставить в алерте только нерабочие ссылки, у меня от рабочих остаются пустые строки. Мне нужно будет править цикл чтобы пустых строк не оставалось?

[Rsa97]

MrDevil131, Вместо results[i] = ... поставьте results.push(...)

[MrDevil131]

Rsa97, спасибо! Забыл ответить