javascript - 将 html 页面加载到页面上的 div 中

Question

我正在尝试将单独的 html 文件加载到网站上已经存在的 div 中，但出现以下错误：

XMLHttpRequest 无法加载 MyFile Origin null 是 Access-Control-Allow-Origin 不允许的。文件名.html:1

我正在使用加载功能如下：

$("#wrapper").load('filename.html');

Answer 1

您不能像那样从另一个域加载内容 - 出于安全原因，同源策略会阻止它。您需要执行以下操作之一：

• 在目标站点上设置Access-Control-Allow-Origin标题
• 使用iframe
• 在您的服务器上使用代理来代理来自其他站点的内容。

Answer 2

仅允许将来自同一域的 URL 嵌入到 div 中。尝试托管本地网络服务器并尝试从那里加载文件。

$("#wrapper").load('./filename.html');