Question

我尝试从其他页面加载内容但是当我点击“获取内容”按钮时显示错误，此处脚本＆gt;＆gt;

$(function(){
$('#get_contect').click(function(){
$('#contect').load('page.html #pageContect');
});
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<html>
<header>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</header>
<button type="button" id="get_contect">get contect</button>
<body>
<div id = "contect">
</div>
</body>

<footer>
</footer>
</html>

显示的错误是：

jquery-1.10.2.js：8706 XMLHttpRequest无法加载文件：/// C：/Users/khaled%20salem/Desktop/New%20folder/page.html。交叉原始请求仅支持协议方案：http，数据， chrome，chrome-extension，https，chrome-extension-resource。

Answer 1

为了加载页面，加载的文件需要在同一个域中，这可以通过使用以下应用程序之一在本地托管您的网站来完成：

您不需要启用CORS，因为请求的文件来自同一个域，即来自localhost（或部署时托管的网站）。

配置主机后，请将请求的URL更改为以下内容：

$('#contect').load('page.html#pageContect');

这意味着该页面与当前页面位于同一文件夹中，#pageContect元素将在加载后显示 - 您之间必须没有空格。

如果您在另一个文件夹中有页面，则可以通过在开头输入尾部斜杠（即$('#contect').load('/path/to/file/page.html#pageContect');来使用网站目录的绝对路径，方法是从文件位置提供相对的斜杠，使用./上传目录。

Jquery加载另一个页面的内容

1 个答案: