JSON.parse et guillemets

**renaud26** · 15/07/2016, 21h34

Bonsoir à Tous,

Côté PHP :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
$data[] = array('text'=>$text,'value'=>"toto");
echo json_encode($data);

Côté JS, avec :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
var tab = JSON.stringify(obj);
var tabok = JSON.parse(tab);

J'obtiens dans la console

[{"text":"Principale","value":"toto"},{"text":"Seconde","value":"toto"}]

Mais pour les besoins de mon script je voudrais obtenir :

[{text:"Principale",value:"toto"},{text:"Seconde",value:"toto"}]

Donc que les clés n'aient pas de guillemets.
Comment faire ?

**SylvainPV** · 15/07/2016, 22h50

Au format JSON, les clés auront toujours des guillemets. Une fois parsé en JavaScript, elles n'en auront jamais. Donc aucune inquiétude à avoir.

**renaud26** · 15/07/2016, 23h03

Au format JSON, les clés auront toujours des guillemets. Une fois parsé en JavaScript, elles n'en auront jamais. Donc aucune inquiétude à avoir.

Ce qui revient à dire ?

**renaud26** · 15/07/2016, 23h08

Il faut pas utiliser json_encode côté php ?
Il faut présenter le tableau php autrement ?
Il faut le récupérer en js avec json.stringify ou parse ou les deux ou pas ?
Je dois avoir ce format des clés sans quotes pour ajouter une liste à tinyMce.
Et je sais pas trop vers quoi chercher.

**danielhagnoul** · 16/07/2016, 00h34

Envoyé par renaud26

[...] Donc que les clés n'aient pas de guillemets. [...]

Envoyé par SylvainPV

[...] Une fois parsé en JavaScript, elles n'en auront jamais. [...]

Je dirais plutôt qu'elles peuvent ne pas en avoir lorsque la clé est formée par un seul mot.

Personnellement, je suis partisan d'en mettre systématiquement puisque c'est du texte. Je n'ai jamais rencontré un problème à cause des guillemets.

**SylvainPV** · 16/07/2016, 02h08

Le seul moyen d'avoir des clés d'objet JS entourées de guillemets est d'utiliser un autre type de guillemet, simple ou backtick: o = { '"test"': 42 }
Il faut vraiment vouloir le faire exprès, surtout si ça vient d'un JSON (où le double guillemet est obligatoire pour les clés). Mais oui, ne jamais dire jamais, surtout en PHP

Tu es sûr que ces guillemets sont bien présents dans les clés elles-mêmes ? Ne te laisse pas abuser par le debugger, dans ton exemple les objets sont strictement équivalents.

**renaud26** · 16/07/2016, 09h32

Bonjour à Tous,

Après avoir tourné le problème en tous les sens, le problème n'est peut-être pas dû aux guillemets...
Mon but est d'alimenter une listBox dans tinyMce. J'ai crée une petite fonction qui est censée récupérer et retourner la chaine attendue par tiny.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
			function afficheListe(){
				var tab = "";
				$.ajax({
				   type:"POST",
				   async: false,
				   url:  $url,
				   data: "id=$id",
				   success: function(msg){
					 if(msg){
 
						tab = JSON.parse(JSON.stringify(msg));
 
 
					 }
				   }
 
				 });
			return tab;
			}

Le log de cette fonction affiche : [{"text ":"Principale"," value ":"toto"},{"text ":"seconde"," value ":"tata"}]

Ensuite dans le setup de tiny :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
 
							setup:function (editor) {
								editor.addButton('listeSignatures', {
								  type: 'listbox',
								  text: 'Vos signatures',
								  icon: false,
								  onselect: function (e) {
									editor.insertContent(this.value());
								  },
								  values: afficheListe(), ////ICI JEVOUDRAIS BIEN LA CHAINE DE MON AJAX
 
								});
							  },

Sauf que lorsque je clique sur la liste de l'éditeur pour voir si les options sont bien là, j'obtiens :
Uncaught Error: Could not find control by type: [{"text ":"principale"," value ":"toto"},{"text ":"seconde"," value ":"tata"}]

Et si je mets directement values: [{ "text":"principale","value":"toto" },{ "text":"seconde","value":"tata" }], à la place de la fonction
Ca fonctionne !
La seule différence réside dans l'espace entre { et "text".
Mais il faut dire que c'est interprété dans un template smarty où les { } sont des balises...

**danielhagnoul** · 16/07/2016, 10h18

Envoyé par renaud26

Le log de cette fonction affiche : [{"text ":"Principale"," value ":"toto"},{"text ":"seconde"," value ":"tata"}

Il y a un problème à la génération du JSON, des espaces inutiles dans les clés !

**renaud26** · 16/07/2016, 10h36

Non, j'ai du me gourer en saisissant le post mais dans la console:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

[{"text":"Principale","value":"toto"},{"text":"Seconde","value":"tata"}]

et si je saisis ça en "dur" :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

values: [{ "text":"principale","value":"toto" },{ "text":"seconde","value":"tata" }],

Ca le fait bien.

Il faudrait au contraire que j'arrive à générer un espace entre { et "test" ainsi qu'en fin de chaine : "tata" }

**sekaijin** · 16/07/2016, 11h06

JSON est un moyen de transport.
peut importe comment il code l'information.
Si tu utilise JSON.stringify JSON.Parse json_encode json_decode ces outils te garantissent que ce que tu encode sera décodé à l'identique.

il pourrait transporter en binaire avec des caractères ésotérique ou avec n'importe quoi d'autre la seul chose qui importe c'est que la structure que tu encode sera celle que tu obtiendra au décodage
que json_encode ajoute ou pas des " des espaces ou quoi que ce soit d'autre n'a aucun importance

si tu met toto dans ta clef tu auras toto dans ta clef et que pour le transport JSON ait ou pas ajouté de " ne change rien. si tu a une map JSON va l'encoder {"clef":"valeur"} et qu'il y ait 1 2 20 ou googol espaces entre { " ne changera rien tu aura à l'arrivé un map identique.

il ne sert absolument à vouloir modifier la façon don JSON encode les objets.

mais surtout il est complètement absurde d'encoder 2 fois un objet pour le décoder 1 fois

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
$data[] = array('text'=>$text,'value'=>"toto");
echo json_encode($data);

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

tab = JSON.parse(JSON.stringify(msg));

voici ce que tu fais

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
$data[] = array('text'=>$text,'value'=>"toto");
echo json_encode($data);// premier encodage

=>

Code text :

Sélectionner tout - Visualiser dans une fenêtre à part

[{"text":"Principale","value":"toto"},{"text":"Seconde","value":"tata"}]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
JSON.stringify(msg)
//deuxième encodage

où msg est la string précédente =>

Code text :

Sélectionner tout - Visualiser dans une fenêtre à part

"[{\"text\":\"Principale\",\"value\":\"toto\"},{\"text\":\"Seconde\",\"value\":\"tata\"}]"

ce qui est la représentation JSON de ta chaine de caractères.
puis

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

tab = JSON.parse(...);//premier decodage

=>

Code text :

Sélectionner tout - Visualiser dans une fenêtre à part

[{"text":"Principale","value":"toto"},{"text":"Seconde","value":"tata"}]

tu obtiens une chaine est non pas la structure de donnée de départ

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

values: afficheListe(), ////ICI JE VOUDRAIS BIEN LA CHAINE DE MON AJAX

ceci n'a absolument aucun sens ici ce dont tu as besoin c'est la structure de donnée et non la string

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
$data[] = array('text'=>$text,'value'=>"toto");
echo json_encode($data);

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

tab = JSON.parse(msg);

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
values: afficheListe(), ////ICI le tableau de données
//=>
[
  {
    text:"Principale",
    value:"toto"
  },
  {
    text:"Seconde",
    value:"tata"
  }
]

pour finir je dirais que data: "id=$id", est des plus étrange je ne vois pas ce qu'il fait là. ça sent très mauvais le mélange de js et php.
A+JYT

**NoSmoking** · 16/07/2016, 11h07

Bonjour,
ton return tab est en dehors de la fonction succes :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
var tab = '';
$.ajax({
    type: 'POST',
    async: false,
    url: $url,
    data: 'id=$id',
    success: function (msg) {
        if (msg) {
            tab = JSON.parse(JSON.stringify(msg));
        }
    }
});
return tab;

de plus pourquoi ne pas utiliser le dataType:"json" ?

**sekaijin** · 16/07/2016, 11h11

Il fait un appel synchrone

**NoSmoking** · 16/07/2016, 11h33

ah ! oui flûte, crotte, kk !

par contre il faut récupérer tab[0], ou boucler sur le tableau.

**renaud26** · 16/07/2016, 11h42

Merci à vous, merci à toi sekaijin pour tes lumineuses explications.
Effectivement je m'embrouillais grave avec json_encode, JSON.parse et stringify.
Note pour data: "id=$id", c'est du arrangé pour ce post. En réalité les datas passés à php sont :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
data: "id_employee={$current_employee->id}",

Et donc voici la fonction js qui va bien, grâce à vous :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
			function afficheListe(){
				var tab = "";
				$.ajax({
				   type:"POST",
				   async: false,
 
				   url:  "json.php",
				   data: "id_employee={$current_employee->id}",
				   datatype: "json",
				   success: function(mydata){
 
						tab = JSON.parse(mydata);
 
				   }
 
 
				 });
			return tab;
			}

Ensuite le values : afficheListe() affiche bien les options récupérées.
Encore merci et bon week-end !

**NoSmoking** · 17/07/2016, 09h28

Attention, pas datatype: "json" mais dataType: "json" ce qui t'évites le JSON.parse(mydata).

JSON.parse et guillemets

JavaScript

Discussions similaires

Partager

Partager