Функция AJAX .load() не получит никакого содержимого
Итак, я новичок в JQuery/AJAX и пытаюсь использовать простую функцию загрузки. По какой-то причине, когда я вызываю функцию для элемента в моем HTML-коде, она, похоже, не отвечает. Не получает никаких ошибок, поэтому не уверен, что вызывает проблему.
JQuery/AJAX (C:\Uni\3rd year\CITS3403\JQueryAJAX\jqueryhtm.html):
$(document).ready(function(){
$("#toimport").load("sometext.txt");
})
HTML (C:\Uni\3rd year\CITS3403\JQueryAJAX\jqueryhtm.html):
<div id = "toimport">
</div>
Простой текстовый файл (C:\Uni\3rd year\CITS3403\JQueryAJAX\sometext.txt):
<h1>here is some text</h1>
Я ожидаю, что это приведет к загрузке содержимого «sometext.txt» в div «toimport», однако я не получаю никаких результатов при его запуске.
Как будто я не вижу ничего в своем редакторе (Visual Studio)
Когда вы запускаете это в веб-браузере, откройте инструменты отладки вашего браузера и посмотрите на вывод консоли. Вы ищете только ошибки время разработки. Код синтаксически корректен и не вызывает ошибок времени разработки. Однако, если он не работает при выполнении кода, вам нужно искать ошибки времени выполнения.
Ага. Вернул это: «Не удалось загрузить ресурс: сервер ответил со статусом 404 (НЕ НАЙДЕН)»
Ответы 1
Если вы запускаете это как файл . Открыть файл прямо в браузере не получится. У вас должен быть запущен веб-сервер для работы ajax.
Хорошо, я только что запускал это через свой браузер. Как запустить веб-сервер?
Если вы знакомы с node. Загляните в npmjs.com/package/http-сервер Установите его, запустите команду в каталоге http-server. и откройте URL-адрес, который он предлагает в браузере. Самый простой способ запустить веб-сервер. Или загляните в установку лампового стека