Discussion :

[okoweb]

Bonjour à tous,
Pour un besoin, je souhaite stocker un retour json ajax dans un attribut data-*. J'ai donc ce code qui marche parfaitement pour signifier que le retour est bon :

Code :

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

1
2
3
4
5
6
7
8
9
10
$.ajax({
	//***
	dataType: 'json',
	success: function(data){
		var items = data.obj
		for(var i in items){
			$("<option/>",{value: items[i].id, html: items[i].name}).appendTo("#elt");
		}
	}
});

Je souhaite maintenant sauvegarder mon objet dans un dataset :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
$.ajax({
	//***
	dataType: 'json',
	success: function(data){
		$("#elt").data("items",data.obj);
		// or $("#elt").attr("data-items",data.obj);
		var items = $("#elt").data("items");
		// or var items = $("#elt").attr("data-items");
		for(var i in items){
			$("<option/>",{value: items[i].id, html: items[i].name}).appendTo("#elt");
		}
	}
});

Pourtant c'est le même objet json que j'ai juste sauvegardé et rappelé. Pourquoi le second code ne marche pas ?

Et firebug me montre ceci :

Code :

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

<select id="elt" data-items="[object Object]">

l'attribut se créé bien mais comporte un tableau bizarre [object Object]

Qu'est-ce qui ne va pas ?

Merci d'avance...

[SpaceFrog]

Code :

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

myjson=$.parseJSON($('#obj').data('item') )

[okoweb]

Code :

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

myjson=$.parseJSON($('#obj').data('item') )

J'ai ce message d'erreur :

SyntaxError: JSON.parse: unexpected character

Merci d'avance...

[Bovino]

Il y a de fortes chances que ton JSON soit tout simplement mal formé.
Il ressemble à quoi ?

[SpaceFrog]

c'est que le contenu de dta-item n'est pas un string json correctement formatté

Code :

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

data-item="{'key1':'data1', 'key2':'data2'}"

[Bovino]

Code :

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

"{'key1':'data1', 'key2':'data2'}"

Ce n'est pas un format valide pour du JSON justement. Le seul délimiteur accepté pour les attributs et les valeurs est la double quote : "

Code :

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

'{"key1":"data1", "key2":"data2"}'

[SpaceFrog]

:red:
sinon suffit de faire un replace sur la chaine...

bref mais pas un array en tout état de cause []

[okoweb]

voici un modèle json de retour de success ajax

Code :

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

1
2
 
{"obj":[{"id":"49","name":"Dja et Lobo"},{"id":"50","name":"Mvila"},{"id":"51","name":"Oc\u00e9an"},{"id":"52","name":"Vall\u00e9e du Ntem"}]}

depuis firebug.