jquery load() 的 Javascript 替代品

Question

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

谢谢

更新:

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

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

Answer 1

为了使用纯 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。第三个参数是一个 bool 值，它决定请求是否应该是异步的。如果请求是异步的，您的函数将不会停止并等待请求完成。

同样值得注意的是，这在 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() 请求其他域上的资源。