J'essaie d'apprendre quelques notions de html/css/javascript, et je me suis donc lancé dans la rédaction d'un projet pédagogique.
L'idée était d'avoir un vocabulaire contenu dans un fichier json qui serait ensuite chargé dans une table. J'ai réussi à charger le fichier et à imprimer une de ses valeurs, après quoi j'ai commencé à écrire le code pour charger les valeurs dans le tableau.
Après avoir fait cela, j'ai commencé à obtenir une erreur, j'ai donc supprimé tout le code que j'avais écrit, me laissant avec une seule ligne (la même ligne qui avait fonctionné auparavant) ... seulement l'erreur est toujours là.
L'erreur est la suivante :
Uncaught SyntaxError: Unexpected token o
(anonymous function)script.js:10
jQuery.Callbacks.firejquery-1.7.js:1064
jQuery.Callbacks.self.fireWithjquery-1.7.js:1182
donejquery-1.7.js:7454
jQuery.ajaxTransport.send.callback
Mon code javascript est contenu dans un fichier séparé et se résume à ceci :
function loadPageIntoDiv(){
document.getElementById("wokabWeeks").style.display = "block";
}
function loadWokab(){
//also tried getJSON which threw the same error
jQuery.get('wokab.json', function(data) {
var glacier = JSON.parse(data);
});
}
Et mon fichier JSON contient juste ce qui suit pour l'instant :
[
{
"english": "bag",
"kana": "kaban",
"kanji": "K"
},
{
"english": "glasses",
"kana": "megane",
"kanji": "M"
}
]
L'erreur est maintenant signalée à la ligne 11, qui est la ligne var glacier = JSON.parse(data);
ligne.
Lorsque je supprime le fichier json, j'obtiens l'erreur suivante : "GET http://.../wokab.json 404 (Not Found)" pour que je sache qu'il le charge (ou du moins qu'il essaie de le faire).
5 votes
$.get peut reconnaître le json lorsqu'il est envoyé, d'où.
var glacier = data;
devrait suffire.46 votes
En résumé : vous essayez de l'analyser deux fois.
0 votes
Voir aussi stackoverflow.com/a/42907459/632951
0 votes
J'ai obtenu la même chose
Uncaught SyntaxError: Unexpected token I
parce que Python encodejson.dumps([float('inf'),float('nan')]) == '[Infinity, NaN]'