javascript - Jquery 麻烦!!负载 ("");

标签 javascript jquery html

<分区>

我想使用 jQuery 显式地包含我的 html 页面的公共(public)内容

但是我做不到请帮助一些人

XMLHttpRequest cannot load file:///C:/Users/dell/Desktop/html/header.html. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource. jquery-1.11.2.min.js:4

XMLHttpRequest cannot load file:///C:/Users/dell/Desktop/html/footer.html. Cross origin requests are only supported for protocol schemes: 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>

请帮忙

最佳答案

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

关于javascript - Jquery 麻烦!!负载 ("");,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28881870/

相关文章:

javascript - 如何使用ajax隐藏弹出窗口

javascript - 如何使用 Javascript 向文本框添加值

javascript - Jquery addClass() , removeClass() 函数不起作用

javascript - 加载时如何将模态框定位在准确位置

jquery - 是否可以使用 load() 加载带有 div 中的图像的外部页面,并仅在加载图像时显示页面?

javascript - 单击导航栏时如何禁用刷新背景图像?

javascript - 什么需要 ('path' );在 Webpack.config.js 中是什么意思?

javascript - TypeError : this. props.* 不是函数

jquery 自动完成功能无法与 django 一起正常工作

javascript - 特定像素值的精确滚动位置