Как достать данные из json файла?

Чтение данных из JSON файла в JavaScript можно выполнить несколькими способами. Рассмотрим два основных подхода.

1. Использование XMLHttpRequest:
XMLHttpRequest - это объект, позволяющий веб-странице общаться с сервером и получать данные. Для выполнения запроса на получение JSON файла, можно использовать методы объекта XMLHttpRequest: open(), send() и методы, позволяющие обрабатывать изменение состояния и получение ответа от сервера.

Пример кода:

var xhr = new XMLHttpRequest();
xhr.open('GET', 'data.json', true);
xhr.responseType = 'json';
xhr.onload = function() {
  if (xhr.status === 200) {
    var data = xhr.response;
    // Обработка данных из файла JSON
    console.log(data);
  }
};
xhr.send();

2. Использование Fetch API:
Fetch API - это современный стандарт для выполнения запросов на получение данных. Fetch API основан на промисах, что делает его более гибким в использовании и позволяет более удобно обрабатывать полученные данные.

Пример кода:

fetch('data.json')
  .then(response => response.json())
  .then(data => {
    // Обработка данных из файла JSON
    console.log(data);
  })
  .catch(error => {
    console.error('Ошибка:', error);
  });

Оба этих подхода позволяют получить данные из JSON файла. Затем вы можете обработать полученные данные в соответствии с вашими потребностями, например, преобразовать их в объекты JavaScript и использовать их далее в коде.