2016-11-01 4 views
0

Я пытаюсь загрузить содержимое другой страницы, но есть ошибка отображается, когда я нажимаю «получить содержание» кнопку, здесь сценарий >>содержания 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. Cross запросы происхождения поддерживаются только для схем протокола: http, data, chrome, chrome-extension, https, chrome-extension-resource.

+2

Вы запускаете свой код через 'файл: ///' protocol –

+0

http://stackoverflow.com/questions/20041656/xmlhttprequest-cannot-load-file-cross-origin-requests-are- only-supported-for-ht – ArmKh

+0

Включили ли вы заголовок CORS 'Access-Control-Allow-Origin' на свой ресурс, который вы запрашиваете? – mrid

ответ

0

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

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

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

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

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

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

Смежные вопросы