jquery load() 的 Javascript 替代品

有人可以给我一个替代 jquery load() 的纯 JavaScript 示例吗？ 或者将我指向带有示例的仪式站点。

谢谢

UPDATE:

这不是我想问的。 我需要使用 Ajax 加载 URL 并将返回的 HTML 插入到“div”中

我不太明白缺点。至少有人愿意解释我的问题有什么问题吗？我到处搜索但找不到例子。

为了使用纯 JavaScript 发出 AJAX 请求，您需要执行以下操作：

httpRequest = new XMLHttpRequest();

// Specify a function to handle the response.

httpRequest.onreadystatechange = function() {
    // Process the AJAX response in here.
}

// Make the AJAX request
httpRequest.open('GET', 'http://prajjwal.com/profile.json', true);

要打开的第一个参数是您要发出的请求的类型。在这种情况下，我们发出“GET”请求。第二个参数是您尝试检索的项目的 URL。第三个参数是一个布尔值，决定请求是否应该异步。如果请求是异步的，您的函数将不会停止并等待请求完成。

还值得注意的是，这在 Internet Explorer 8 或更低版本中不起作用。要支持这些浏览器，您需要使用：

httpRequest = new ActiveXObject("Microsoft.XMLHTTP");

为了处理响应，你的处理程序需要有这样的东西：

function handleRequest() {
  if (httpRequest.readyState === 4) {
    if (httpRequest.status === 200) {
      yourdiv.innerHTML = httpRequest.responseText;
    } else {
      console.log('There was a problem with the request.');
    }
  }
}

httpRequest.onreadystatechange = handleRequest;

httpRequest.readyState 告诉您请求的进展情况。值 4 表示请求已完成并准备好进行处理。

请记住，您无法使用 open() 请求其他域上的资源。