Тест jquery AJAX .load на локальной машине

Question

Я работаю над сайтом, который использует html / css / javascript. Мне нужно использовать jquery load для разделения html компонентов в разные файлы. Я считаю, что для проверки AJAX вам нужно запустить сервер, поэтому я настроил локальный Apache сервер. Сайт работает, но панель навигации jquery load не отображается. Мой jquery не прав или мне нужно что-то сделать на моем ноутбуке, чтобы он работал, кроме доступа к нему через локальный хост на apache?

index. html

<h1> Test </h1>

<div id="test_nav"> </div>

<script type="text/javascript">
  $(document).ready(function(){
    $("test_nav").load("./navbar.html");
  })
</script>

navbar. html

<h1> navbar </h1>

• I также развернут на страницах github, чтобы проверить, будет ли это работать, но это не
• Я проверил, что jquery загружено
• В инструментах разработчика я не вижу ничего плохого, там под консолью ничего нет

Answer 1

Попробуйте это

// html
<div id="test_nav"></div>

// javascript
$(document).ready(() => {
    let url = 'navbar.html';
    $('#test_nav').load(url, (response, status, xhr) => {
        if (status === 'error') {
            console.log('an error occured', xhr.status, xhr.statusText);
        };
    });
});

Возможно, проблема в опечатке. Вы использовали $ ('test_nav') вместо $ ('# test_nav'). Я также добавил функцию, чтобы проверить, хорошо ли работает load (). Если произошла ошибка, функция выводит ее на консоль.