javascript - javascript 在 html 中加载 html

Question

如何使用 javascript 而不是 JQuery 从另一个 HTML 文件加载 HTML 文件？

我见过几个使用 jquery .load 函数的例子，但我需要知道如何使用简单的 javascript 加载 html 文件。

Answer 1

jQuery 加载函数是一个简单的XMLHttpRequest对象包装器，它使用指定的 url 加载内容并将其放入匹配的元素中。因此，您的示例$("head").load("sample.html");加载 sample.html 页面的内容并将其放入head标记中。

为了在没有 jQuery 的情况下执行此操作，您需要XMLHttpRequest直接创建对象。确切的代码取决于您所针对的浏览器，但您可以在网上找到很多示例。一个不错的起点是w3schools.com

Answer 2

您应该看看：https ://developer.mozilla.org/en-US/docs/AJAX/Getting_Started 并且在 readyState == 4 上请求已完成。成功的请求会产生 HTTP 200 消息：

if (httpRequest.readyState === 4) {
  if (httpRequest.status === 200) {

这些是保护子句，随后检查结果。两项检查都通过后，您可以将结果 (httpRequest.responseXML) 附加到 DOM。