JQuery AJAX работает в Firefox, но не в Chrome и Opera
Я получил этот пример кода с сайта W3schools.com и хочу использовать его на своем веб-сайте, но он не работает в Chrome и Opera, он работает только в firefox. Пожалуйста, что пошло не так.
<!DOCTYPE html>
<html>
<head>
<script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("#div1").load("demo_test.txt");
});
});
</script>
</head>
<body>
<div id = "div1"><h2>Let jQuery AJAX Change This Text</h2></div>
<button>Get External Content</button>
</body>
</html>
Ответы 1
Вы открыли свой HTML-файл из файловой системы?
В этом случае я получил такую ошибку:
Не удалось загрузить файл: ///path/to/test.html: запросы с перекрестным происхождением поддерживаются только для схем протоколов: http, data, chrome, chrome-extension, https.
Это означает, что Chrome не разрешает этот запрос по соображениям безопасности.
Итак, вам нужен веб-сервер, чтобы использовать протокол http или отключить эту безопасность.
Отключить одинаковую политику происхождения в Chrome
В любом случае неплохо использовать консоль, чтобы увидеть ошибки.
https://developers.google.com/web/tools/chrome-devtools/shortcuts
ищите "Открыть панель консоли"
Обязательно перезапустите Chrome после тестирования, чтобы снова включить функции безопасности. : D
какую ошибку вы получаете?