javascript - 使用 JavaScript(仅 - 无库)将另一个页面加载到 div

Question

什么是 $('content').load('page.html'); 的 JavaScript 等价物 我正在尝试将另一个页面中的内容加载到我的 div 但我找不到适用于普通旧 JavaScript 的方法。

Answer 1

古老的 JavaScript:

https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest

var myRequest = new XMLHttpRequest();           //XMLHttpRequest is how you do it
myRequest.onreadystatechange = function(e){
    if(myRequest.readyState == 4 && myRequest.status == 200){
        var data = myRequest.responseText;               //returned data
        document.querySelector("div").innerHTML = data;  //not safe but whatever
    }
};
myRequest.open("get", "url here", true);
myRequest.send();

在使用那些花哨的 jQuery one-method-takes-care-of-everything-for-you 方法之前，最好先使用纯 JavaScript 来完成。