Javascript va pas chercher à lire JSON

Question

J'utilise ES6 et Fetch.

Il me donne cette erreur:

Uncaught (in promise) SyntaxError: Unexpected token < in JSON at position 0 

Voici le code:

fetch('list.json').then(function(response) { 
    return response.json(); 
    }).then(function(j) { 

    console.log(j); 
    }); 

et voici les données de list.json:

[ 
    { 
    "id": 1, 
    "name": "name1" 
    }, 
    { 
    "id": 2, 
    "name": "name2" 
    } 
] 

Pourquoi je suis Je reçois cette erreur et comment puis-je résoudre ce problème?

Answer 1

Ce n'est pas un fichier JSON valide. Valable JSON serait comme ce

{ 
    "data":[ 
    { 
     "id": 1, 
     "name": "name1" 
    }, 
    { 
     "id": 2, 
     "name": "name2" 
    } 
    ] 
} 

Answer 2

Vous n'êtes pas l'envoi d'un JSON qui est compris par la méthode .json correctement, vous devez simplement jeté dans la manière indiquée et tout devrait être bon d'aller.

correcte JSON:

{ "products" : [ 
    { "Name": "Cheese", "Price" : 2.50, "Location": "Refrigerated foods"}, 
    { "Name": "Crisps", "Price" : 3, "Location": "the Snack isle"}, 
    { "Name": "Pizza", "Price" : 4, "Location": "Refrigerated foods"}, 
    { "Name": "Chocolate", "Price" : 1.50, "Location": "the Snack isle"}, 
    { "Name": "Self-raising flour", "Price" : 1.50, "Location": "Home baking"}, 
    { "Name": "Ground almonds", "Price" : 3, "Location": "Home baking"} 
]}