Каким образом можно прочитать JSON-файл с использованием JavaScript?

Question

У меня есть сайт и json-файл, с такими значениями -{"latitude":"45,24368","longitude":"38,97343","velocity":"0","distance":"0","date":"10.39.2021_14:39:12","azimuth":"266,5"}, файл находится на том же сервере, что и сайт. Вроде как слышал, что можно использовать метод parse() и JQuery.getJSON(), но не до конца понимаю, как это сделать. Вот моя реализация c использованием JQuery:

    $.getJSON('token_data.json', function (data) {
        console.log(data);
    });

В этом случае в консоли выходит ошибка - Uncaught ReferenceError: $ is not defined. Как можно прочитать json с использованием JavaScript?

Answer 1

Добавьте в страницу

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

Answer 2

Ваш файл должен быть доступен из сервера. Т.е. ваш контроллер должен вернуть файл на запрос от клиента. Поскольку это простой get ajax запрос на сервер.

Answer 3

Решил проблему таким способом

$(document).ready(function () {
    setInterval(addLayerPointTracker, 3000);
});
function addLayerPointTracker() {
    fetch("../token_data.json")
        .then(res => res.json())
        .then(data => console.log(data));
}

При загрузке страницы происходит запуск функции addLayerPointTracker в которой я использую обращение к тому самому json файлу на сервере, и, с интервалом в 3 секунды ответ выводится в строку.

БЛОГ НА HUSL

Каким образом можно прочитать JSON-файл с использованием JavaScript?

Ответы (3 шт):