Entspricht $ .load ohne jQuery

Question

Ich möchte einige Jade-Inhalte in eine bestimmte div auf Knopf klicken. Ich habe festgestellt, wie dies zu tun mit jquery, gibt es mehrere Beiträge auf, und im Wesentlichen, was ich tun möchte, ist

$('#div').load('/somePage'); 

Aber ich bin nicht in der Lage jQuery in meinem Projekt zu verwenden. Gibt es eine entsprechende Funktion in Vanille Javascript?

Answer 1

Ich denke, Sie können dies mit dem folgenden tun;

var request = new XMLHttpRequest(); 

request.open('GET', '/somepage', true); 

request.onload = function() { 
    if (request.status >= 200 && request.status < 400) { 
    var resp = request.responseText; 

    document.querySelector('#div').innerHTML = resp; 
    } 
}; 

request.send(); 

By the way, können Sie dies tun API holen mit.

fetch('/somepage') 
    .then(function(response) { 
    return response.text(); 
    }) 
    .then(function(body) { 
    document.querySelector('#div').innerHTML = body; 
    }); 

By the way, können Sie etwas this blog post für das Lernen über holen API lesen.