0

У меня есть сайт и 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?

3 ответа 3

1

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

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
4
  • Добавил, ошибка пропала, только данные не выводятся всё равно 10 мая 2021 в 15:39
  • @NickolaiBondarenko Видимо, путь к файлу не тот, который Вы указываете.
    – user176262
    10 мая 2021 в 16:00
  • Путь правильный. Дело в том, что если открыть сайт локально то в консоли появится ошибка c путём к тому самому файлу, при открытии которого отобразятся те самые данные, что необходимы - Access to XMLHttpRequest at 'file:///D:/public_html/token_data.json' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, chrome-untrusted, https. 10 мая 2021 в 16:39
  • В чём дело, пока не могу понять 10 мая 2021 в 16:39
1

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

0

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

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

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

2
  • так вам и писали, что вы путь неверно указали, здесь же по другому "../token_data.json" 11 мая 2021 в 8:44
  • До того момента, как написал функцию этим способом - пробовал записывать путь по всякому и для примера положил этот файл json в одну дирректорию со скриптом, чтобы понять как работает получение данных - во всех случаях путь к json оказался верным, ошибка была связанна с извлечением данных. 11 мая 2021 в 8:52

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.