Jquery麻烦!!带负载("");

时间:2015-03-05 15:42:13

标签: javascript jquery html

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

但是我无法做到这一点pz帮助一些人

  

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,数据,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>

请帮助

2 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:1)

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

您无法从一个网站拨打另一个网站的ajax电话。它被浏览器阻止了。

如果您使用Chrome,则可以使用--disable-web-security启动它,以避免错误并在没有HTTP服务器的情况下使用它