Ответ: метод json()

Метод json() интерфейса Response принимает поток Response и считывает его до конца. Он возвращает промис, который разрешается результатом парсинга текста тела как JSON.

Обратите внимание, что, несмотря на название метода json(), результат не является JSON, а является результатом преобразования входного JSON в объект JavaScript.

Нет.

A Promise, который разрешается в объект JavaScript. Этот объект может быть чем угодно, что может быть представлено в формате JSON — объектом, массивом, строкой, числом и т. д.

DOMException AbortError

Запрос был отменён.

TypeError

Выбрасывается по одной из следующих причин:

• Тело ответа повреждено или заблокировано.
• Произошла ошибка при декодировании содержимого тела (например, из-за неправильного Content-Encoding заголовка).

SyntaxError

Тело ответа невозможно разобрать как JSON.

В нашем примере обработки JSON с помощью fetch (запустите fetch JSON онлайн), мы создаём новый запрос с помощью конструктора Request(), а затем используем его для получения файла .json. При успешном выполнении fetch мы считываем и анализируем данные с помощью json(), затем считываем значения из полученных объектов, как ожидалось, и вставляем их в элементы списка, чтобы отобразить данные о наших продуктах.

const myList = document.querySelector("ul");
const myRequest = new Request("products.json");

fetch(myRequest)
  .then((response) => response.json())
  .then((data) => {
    for (const product of data.products) {
      const listItem = document.createElement("li");
      listItem.appendChild(document.createElement("strong")).textContent =
        product.Name;
      listItem.append(` can be found in ${product.Location}. Cost: `);
      listItem.appendChild(document.createElement("strong")).textContent =
        `£${product.Price}`;
      myList.appendChild(listItem);
    }
  })
  .catch(console.error);

• API сервисных работников
• Cross-Origin Resource Sharing (CORS)
• HTTP