JQuery загрузить содержимое другой страницы

Я пытаюсь загрузить содержимое с другой страницы, но есть ошибка, показанная, когда я нажимаю кнопку» получить содержимое», здесь скрипт >>>

$(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, data,
chrome, chrome-extension, https, chrome-extension-resource.

1 ответ

  1. Для загрузки страницы необходимо, чтобы загруженный файл был в том же домене, что можно сделать, разместив ваш сайт локально, используя одно из этих приложений:

    Вам не нужно будет включать CORS, поскольку запрашиваемый файл находится в том же домене, а именно в localhost (или на вашем размещенном веб-сайте при развертывании).

    После настройки хоста измените URL-адрес запроса на следующий:

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

    Это означает, что страница находится в той же папке, что и текущая страница, и #pageContectэлемент будет показан после загрузки — между ними не должно быть места.

    Если у вас есть страница в другой папке, вы можете использовать абсолютный путь к каталогу вашего веб-сайта , введя косую черту в начале (т. е.$('#contect').load('/path/to/file/page.html#pageContect');, либо предоставив относительный путь от местоположения вашего файла, используя ./для перехода к каталогу.