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