JSON.parse et guillemets

Bonsoir à Tous,

Côté PHP :

Code:

---

1 2 3

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

---

Côté JS, avec :

Code:

---

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 ?

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.

Citation:

---

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 ?

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.

Citation:

---

Envoyé par renaud26

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

---

Citation:

---

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.

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 :P

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.

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:

---

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:

---

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...

Citation:

---

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 !

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

Code:

---

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

---

et si je saisis ça en "dur" :

Code:

---

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" }

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:

---

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

---

Code:

---

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

---

voici ce que tu fais

Code:

---

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

---

=>

Code:

---

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

---

Code:

---

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

---

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

Code:

---

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

---

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

Code:

---

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

---

=>

Code:

---

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

---

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

Code:

---

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:

---

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

---

Code:

---

tab = JSON.parse(msg);

---

Code:

---

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

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

Code:

---

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" ?

Il fait un appel synchrone

:oops: ah ! oui flûte, crotte, kk !

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

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:

---

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

---

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

Code:

---

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 !

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