jQuery麻烦！带负载（“”）； [复制]答案

【问题标题】：Jquery Trouble !! with load(" "); [duplicate]jQuery麻烦！带负载（“”）； [复制]
【发布时间】：2015-05-07 01:25:45
【问题描述】：

我想使用 jQuery 明确地包含我的 html 页面的常见内容

但我做不到请帮助某人

XMLHttpRequest 无法加载 file:///C:/Users/dell/Desktop/html/header.html。跨源请求仅支持协议方案：http、data、chrome、chrome-extension、https、chrome-extension-resource。 jquery-1.11.2.min.js:4

XMLHttpRequest 无法加载 file:///C:/Users/dell/Desktop/html/footer.html。跨源请求仅支持协议方案：http、data、chrome、chrome-extension、https、chrome-extension-resource。

我的控制台出现此错误

这是我的代码

<html>
<head>
<title></title>
<script src="jquery-1.11.2.min.js"></script>
<script> 
$(function(){
$("#header").load("header.html"); 
$("#footer").load("footer.html"); 
});
</script> 
</head>


<body>
<div id="header"></div>
<!--Remaining section-->
<div id="footer"></div>
</body>
</html>

请帮忙

【问题讨论】：

你得到的错误告诉你所有你需要知道的：浏览器不允许你的页面从那个 URL 加载。如果您从本地文件（“file://”url）运行您的页面，那么这就是问题所在。将您的代码放在服务器上并从同一个地方提供标头片段。
如果您直接从磁盘加载 html 文件，则无法发出 ajax 请求。而是运行一个简单的 Web 服务器。如果您安装了 PHP，那么简单的方法是 php -S localhost:3000.
安装Xampp，最简单：apachefriends.org

标签： javascript jquery html

【解决方案1】：

您必须使用 HTTP 服务器，例如 NodeJS 或 Apache。

您不能从一个网站到另一个网站进行 ajax 调用。被浏览器屏蔽了。

如果您使用 Chrome，您可以使用 --disable-web-security 启动它以避免错误，即使没有 HTTP 服务器也可以使用它

【讨论】：

【解决方案2】：

您必须启动本地服务器才能使用 AJAX 请求。

【讨论】：