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

Question

Я нахожу способ одновременно загружать несколько файлов в моем документе html, используя vanilla AJAX (я не хочу никакой зависимости, способ, которым я буду использовать jQuery). Вот фрагмент кода, который я взял из W3schools 'AJAX Документация . :

function loadDoc() {
   var xhttp = new XMLHttpRequest();
   xhttp.onreadystatechange = function() {
      if (this.readyState == 4 && this.status == 200) {
         document.querySelector("#tst").innerHTML = this.responseText;
      }
   }
   xhttp.open("GET", "ajax_info.txt", true);
   xhttp.send();
}

Я довольно новичок в AJAX. Итак, у меня путаница. Вышеуказанная функция работает нормально, но у меня есть несколько файлов для загрузки, и я не хочу вызывать эту функцию несколько раз, чтобы загрузить файлы. Позвольте мне описать мой желаемый результат. Я представляю, что синтаксис обновленной функции будет:

loadDoc(["one.txt", "two.txt", "three.txt"])

Итак, мы видим, что входные данные будут массивом. И теперь выход будет иметь следующий формат:

содержимое "one.txt" + break + содержимое "two.txt" + break + содержимое "three.txt" и т. Д .. ..

Если содержимое "one.txt" равно "Hello World!", Содержимое "two.txt" - "я люблю", а содержимое "three.txt" - " Javascript ", вывод будет:

Hello World !
I love
Javascript

Итак, не могли бы вы помочь мне обновить мой код?

Answer 1

Передайте список файлов для загрузки на страницу PHP / ASP / любую другую, которая собирает текст для вас.

function loadDoc(files) {
   var xhttp = new XMLHttpRequest();
   xhttp.onreadystatechange = function() {
      if (this.readyState == 4 && this.status == 200) {
         document.querySelector("#tst").innerHTML = this.responseText;
      }
   }
   xhttp.open("GET", "ajax_info.php?files="+files, true);
   xhttp.send();
}

Параметр files может быть списком с разделителями-запятыми, который страница использует для получения содержимого и объединения его в одну возвращаемую строку.