18034 sujets

Questions générales et questions de débutants

Erreur dans console concernant un fichier .json

Bonjour,

Le message d'erreur suivant " Uncaught SyntaxError: Unexpected token : " concernant un fichier .json apparaît dans ma console Chrome. Il est indiqué que cela concerne la 2ème ligne.

Sous mozilla, le message est un peu différent : " SyntaxError: missing ; before statement " et précise que cela se rapporte à la colonne 8 :

1. {
2. "name" : "pgwslider",

Voici l'intégralité de ce fichier qui n'est pas très long :

{
"name": "pgwslider",
"title": "PgwSlider",
"description": "Responsive and lightweight Slider plugin for jQuery / Zepto",
"version": "2.3.1",
"main": "pgwslider.js",
"homepage": "https://pgwjs.com/pgwslider",
"author": "Jonathan M. Piat",
"license" : "GNU GPLv3",
"repository": {
"type": "git",
"url": "https://github.com/Pagawa/PgwSlider.git"
},
"keywords": [
"slider",
"slideshow",
"gallery",
"responsive",
"mobile",
"image",
"animation",
"ui",
"jquery",
"jquery-plugin",
"zepto"
],
"bugs": {
"url": "https://github.com/Pagawa/PgwSlider/issues"
}
}

Merci de bien vouloir m'éclairer Smiley confus
Modérateur
Bonjour,

Ton JSON à l'air correct, à mon avis c'est une mauvaise syntaxe dans les lignes autour de son appel et l'erreur apparait juste un peu plus loin...


PS : Un peu d'indentation et une balise code c'est encore plus joli et simple à lire / vérifier Smiley cligne 
{
    "name": "pgwslider",
    "title": "PgwSlider",
    "description": "Responsive and lightweight Slider plugin for jQuery / Zepto",
    "version": "2.3.1",
    "main": "pgwslider.js",
    "homepage": "https://pgwjs.com/pgwslider",
    "author": "Jonathan M. Piat",
    "license": "GNU GPLv3",
    "repository": {
        "type": "git",
        "url": "https://github.com/Pagawa/PgwSlider.git"
    },
    "keywords": [
        "slider",
        "slideshow",
        "gallery",
        "responsive",
        "mobile",
        "image",
        "animation",
        "ui",
        "jquery",
        "jquery-plugin",
        "zepto"
    ],
    "bugs": {
        "url": "https://github.com/Pagawa/PgwSlider/issues"
    }
}

Modifié par _laurent (30 Apr 2015 - 09:02)
Modérateur
Bon par contre ça règle pas ton soucis Smiley lol

Si t'as toujours le problème, donne nous le bout de code qui appelle ce JSON (voir un exemple en ligne si tu as c'est toujours mieux).
voila un json correct 

{ 
  "menu": "Fichier", 
  "commandes": [ 
      {
          "titre": "Nouveau", 
          "action":"CreateDoc"
      }, 
      {
          "titre": "Ouvrir", 
          "action": "OpenDoc"
      }, 
      {
          "titre": "Fermer",
          "action": "CloseDoc"
      }
   ] 
}
Modérateur
JENCAL a écrit :
après faut m'expliquer pourquoi tu fait un mix entre " [ ... ] " et " { .... } "

Bah c'est autorisé de stocker un tableau dans un JSON, tu le fait aussi, la seule différence avec ton code c'est que dans ton tableau il y a des objets alors que dans le sien il y a juste des valeurs... no ? Je vois pas le soucis..

Même les exemples de cet article http://www.alsacreations.com/article/lire/1675-json-stockage-leger-pratique-donnees-multitypes.html font comme Seb- et les validateur de JSON sont au vert...
Modifié par _laurent (30 Apr 2015 - 14:49)
Avec plaisir,
Voici :
<head>
                   <meta charset="utf-8">
                   <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
                   <title>Portfolio Sébastien Eudes Webdesigner Intégrateur</title>
                   <meta name="description" content="">
                   <meta name="viewport" content="width=device-width, initial-scale=.1">
                   <link rel="stylesheet" href="css/normalize.css">
                   <link rel="stylesheet" href="css/main.css">
		   <link rel="stylesheet" href="css/pgwslider.css">
		   <link rel="stylesheet" href="css/pgwslider.min.css">
		   <!-- <link rel="stylesheet" href="css/bootstrap.css" /> -->
	           <!-- <link rel="stylesheet" href="css/navbar-fixed-top.css" /> -->
		   <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?                 family=Tangerine">
                  <link rel="stylesheet" href="css/jquery.fancybox.css">
                   <link rel="stylesheet" href="css/animate.min.css">
                   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
		   <script type="text/javascript" src="js/jquery.fancybox.js"></script>
                   <script type="text/javascript" src="js/picturefill.js"></script>
		   <script type="text/javascript" src="pgwSlider/pgwslider.js"></script>
		   <script type="text/javascript" src="pgwSlider/pgwslider.min.js"></script>
		   <script type="text/javascript" src="pgwSlider/package.json"></script>
		   <script type="text/javascript" src="pgwSlider/pgwslider.jquery.json"></script>
...
Concernant l'indentation, je constate qu'il me suffisait de cliquer sur "code"... la prochaine fois...
Modérateur
Seb- a écrit :
script type="text/javascript" src="pgwSlider/package.json"></script>


Ah oui c'est étrange comme facon d'intégrer du JSON... en gros la ca t'insere ton fichier JSON mais du coup ça ne le met dans aucune variable. T'as juste un code JSON en plein milieu de ton CSS et du coup c'est pas valide en js...

Il faut récupérer le json dans une variable, donc en js par exemple avoir :

var text = '{
    "name": "pgwslider",
    "title": "PgwSlider",
    "description": "Responsive and lightweight Slider plugin for jQuery / Zepto",
    "version": "2.3.1",
    "main": "pgwslider.js",
    "homepage": "https://pgwjs.com/pgwslider",
    "author": "Jonathan M. Piat",
    "license": "GNU GPLv3",
    "repository": {
        "type": "git",
        "url": "https://github.com/Pagawa/PgwSlider.git"
    },
    "keywords": [
        "slider",
        "slideshow",
        "gallery",
        "responsive",
        "mobile",
        "image",
        "animation",
        "ui",
        "jquery",
        "jquery-plugin",
        "zepto"
    ],
    "bugs": {
        "url": "https://github.com/Pagawa/PgwSlider/issues"
    }
}';
var data = JSON.parse(text);

directement dans le js pour pouvoir utiliser data.name par exemple.

Pourquoi avoir un fichier json à part ? Il y a une raison particulière ?
Modifié par _laurent (30 Apr 2015 - 17:20)
J'ai téléchargé un slider responsive sur le net et ai récupéré un dossier contenant une dizaine de fichiers dont 2 fichiers JSON. Cela fonctionne admirablement bien... ceci étant, il y a ces deux messages d'erreurs qui subsistent. J'essaie de comprendre le pourquoi du comment bien que je ne sois en rien développeur... j'avoue d'ailleurs avoir quelques difficultés à comprendre ton "directement dans le js pour pouvoir utiliser data.name par exemple." Smiley confused
Sujet clos
Aller à