javascript - I need the equivalent of .load() to JS

Question

I'm developing a script but I mustn't use jQuery library so I need the equivalent of .load() in JS.

I need to do this without jQuery:

$(document).ready(function(){

$('#a').click(function(){
   $('body').append('<div id="b"></div>')
   $('#b').load('x.html')
});

});

Thanks!

Answer 1

UPDATE:

Using Fetch API with .then()

function load(url, element)
{
    fetch(url).then(res => {
        element.innerHTML = res; 
    });
}

---

Old XMLHttpRequest

function load(url, element)
{
    req = new XMLHttpRequest();
    req.open("GET", url, false);
    req.send(null);
    
    element.innerHTML = req.responseText; 
}

---

Usage

load("x.html", document.getElementById("b"));