Блог

Главная - Вопросы по программированию - Функция загрузки jQuery работает только с живым сервером VS COde, а не на реальном хостинге сервера

Функция загрузки jQuery работает только с живым сервером VS COde, а не на реальном хостинге сервера

#jquery #load

Вопрос:

Я написал и протестировал на веб-странице VS Code Live server все работает, но когда я помещаю в папку public_html весь проект, он не работает. В моем проекте есть функция onload, которая загружает заголовок, навигацию и т.д. Если я тестирую веб-страницу только в браузере, она выдает ошибку:

Доступ к XMLHttpRequest по адресу ‘file:///C:/Users/edgar/Documents/software_development/websites/www.jcp.lv/websiteMainParts/header.html» от источника «null» заблокирован политикой CORS: Перекрестные запросы источника поддерживаются только для схем протоколов: http, данные, chrome, расширение chrome, ненадежный chrome, https.

 $("#header").load("/websiteMainParts/header.html");
$("#nav").load("/websiteMainParts/nav.html");
$("#asideSmall").load("/websiteMainParts/asideSmall.html");
$("#sakumlapa").load("/sadalas/sakumlapa.html");
$("#aside").load("/websiteMainParts/aside.html");
$("#footer").load("/websiteMainParts/footer.html"); 
 <!DOCTYPE html>
<html lang="lv">

<head>
  <meta charset="utf-8">
  <title>Jelgavas Centra pamatskola</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="/styles/w3.css">
  <link rel="stylesheet" href="/styles/styles.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>

<body>
  <div id="header"></div>
  <div id="nav"></div>
  <div id="webPage_sections" class="w3-container w3-row">
    <div id="asideSmall"></div>   
    <div id="sakumlapa"></div>
    <div id="aside"></div>
  </div>
  <div id="footer"></div>
  <script src="/JavaScript/script.js"></script>  
</body>

</html>

Комментарии:

1. Какова структура папок вашего сайта на сервере?

Метки: ,