Не удается прочитать файл JSON с помощью javascript

У меня есть этот json-файл, который я пытаюсь прочитать с помощью JS, но он возвращает синтаксическую ошибку: неожиданный токен в строке 2 ":"

Откуда могла взяться эта ошибка?

   fetch('../json/destinations_data.json')
  .then(response => response.text())
  .then(data => {
    window.alert(data);
    console.info(data);
  });
{
    "user1":{
        "email":"[email protected]",
        "password":"oss117",
        "prenom":"Lucien",
        "nom":"Bramare"
    },
    "user2":{
        "email":"[email protected]",
        "password":"oss117",
        "prenom":"Noël",
        "nom":"Flantier"
    }
}
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
1
0
85
4
Перейти к ответу Данный вопрос помечен как решенный

Ответы 4

Ответ принят как подходящий

Вы анализируете его как текст, а не JSON.

   fetch('../json/destinations_data.json')
      .then(response => response.json()) //<-- do this!
      .then(data => {
          window.alert(data);
          console.info(data);
      });

Попробуйте разобрать его как json, а не как текст

заменить это

  .then(response => response.text())

с этим

  .then(response => response.json())

Вы читаете файл json, поэтому вместо использования response.text() используйте response.json()

   fetch('../json/destinations_data.json')
  .then(response => response.json())
  .then(data => {
    window.alert(data);
    console.info(data);
  });

В вашем файле json есть синтаксическая ошибка. Вы должны изменить свой формат. Пожалуйста, проверьте https://www.w3schools.com/js/js_json.asp

users = [
    {
       "email":"[email protected]",
       "password":"oss117",
       "prenom":"Lucien",
       "nom":"Bramare"
   },
   {
       "email":"[email protected]",
       "password":"oss117",
       "prenom":"Noël",
       "nom":"Flantier"
    }
];

Другие вопросы по теме