How to append two or more files to the DOM with AJAX?

On top of my website’s directory I store a few files which I want to load into the DOM (HTML and its resources).

I can load (append/inject) the external HTML file this way:

const whereToLoad = document.querySelector("body");
const ajax = new XMLHttpRequest();"GET", "/index.html", false);
whereToLoad.innerHTML += ajax.responseText;

This pattern allows me to load just one file (index.html) but I also need to load a few more files such as an image file and a CSS file.

And where is the problem? do an AJAX request for each file you need and concatenate the results before adding to the DOM

My problem is that I prefer to call all files from one AJAX request but something like the following syntax didn’t work for me:

No this is not possible. One Request one file…

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.