Can't read JSON file using javascript

Question

I have this json file I try to read using JS but it returns a syntax error: unexpected token at line 2 ":"

Where could this error come from?

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

{
    "user1":{
        "email":"[email protected]",
        "password":"oss117",
        "prenom":"Lucien",
        "nom":"Bramare"
    },
    "user2":{
        "email":"[email protected]",
        "password":"oss117",
        "prenom":"Noël",
        "nom":"Flantier"
    }
}

Mitya · Accepted Answer · 2020-12-10 18:18:50Z

4

You're parsing it as text, not JSON.

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

answered Dec 10, 2020 at 18:18

Mitya

34.8k15 gold badges70 silver badges126 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

sonesh-aps · Accepted Answer · 2020-12-10 18:21:26Z

0

You are reading json file so instead of using response.text() use response.json()

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

answered Dec 10, 2020 at 18:21

sonesh-aps

964 bronze badges

Comments

Asif Sharif Shahid · Accepted Answer · 2020-12-10 18:36:18Z

0

There is a syntax error in your json file. You have to change your format. Please check 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"
    }
];

answered Dec 10, 2020 at 18:36

Asif Sharif Shahid

3702 silver badges14 bronze badges

Comments

Aalexander · Accepted Answer · 2020-12-11 07:20:07Z

0

Try to parse it as json and not as text

replace this

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

with this

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

edited Dec 11, 2020 at 7:20

answered Dec 10, 2020 at 18:20

Aalexander

4,9843 gold badges14 silver badges37 bronze badges

Collectives™ on Stack Overflow

Can't read JSON file using javascript

4 Answers 4

Comments

Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Related