Extjs.util.JSON et tableau Associatif

Bonjour
J'ai un tableau js sous cette forme

Citation:

---

0 'Titre1' => XXXXX
'Titre2' => 'SousTitre1' => 'YYYYY'
'SousTitre2' => 'ZZZZZ'
1 'Titre1' => XXXXX
'Titre2' => 'SousTitre1' => 'YYYYY'
'SousTitre2' => 'ZZZZZ'

---

J'ai essayé avec Extjs.util.JSON sans succès, pour le mettre à plat. L'objectif est de passer via Ext.Ajax.Request (method: Post) à un script php.

Avez-vous des idées?

Merci de votre aide
Tio

Code:

---

1 2 3 4 5 6 7 8 9 10

data=Ext.util.JSON.encode(myArray); Ext.Ajax.request({ url: 'foo.php', success: someFn, failure: otherFn, headers: { 'my-header': 'foo' }, params: { theArray: data } });

---

coté php tu reçois dans dans $_POST[theArray]
il te reste à décoder

Code:

---

$myArray = json_decode($_POST[theArray]);

---

A+JYT

Bonjour

je n'ai pas réussit, J'ai choisit la simplicité, J'ai écrit le json sous forme de chaine de caractère au lieu de passer par un Array.

Il faut d'ire qu'il n'était pas vraiment simple.


Merci

Quelques années plus tard, même problème rencontré mais vrai solution apportée :

Comme indiqué ici : http://www.sencha.com/forum/showthre...ertainly-a-bug

La solution consiste à déclarer sa variable non pas comme ceci :

Code:

---

var myArray=new Array();

---

mais comme cela :

Code:

---

var myArray={};

---

Et ainsi ceci fonctionne bien :

Code:

---

1 2 3 4 5 6 7 8 9 10 11

var myArray={}; var element={}; element['Titre1']='XXXXX1'; element['SousTitre1']='YYYYY1'; element['SousTitre2']='ZZZZZ1'; myArray[0]=element; element['Titre1']='XXXXX2'; element['SousTitre1']='YYYYY2'; element['SousTitre2']='ZZZZZ2'; myArray[1]=element; var data=Ext.util.JSON.encode(myArray);

---

Il ne reste plus qu'à l'envoyer en Ajax comme proposé précédemment par "sekaijin"

faisons les choses simples
en js pas de tableau associatif
mais des tableaux ou des objets

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12

var myArray = new Array();; myArray.push({ 'Titre1':'XXXXX1', 'SousTitre1':'YYYYY1', 'SousTitre2':'ZZZZZ1' }); myArray.push({ 'Titre1':'XXXXX2', 'SousTitre1':'YYYYY2', 'SousTitre2':'ZZZZZ2' }); var data=Ext.util.JSON.encode(myArray);

---

simple et efficace

ce que rapporte sencha dans son blog c'est que utiliser un

Code:

---

new Array()

---

pour une tableau associatif engendre des pb

du fait qu'en javascript un tableau est un objet et que

Code:

---

a['toto']=12

---

est exactement identique à

Code:

---

a.toto=12

---

on se retrouve donc à utiliser un objet de type tableau en lui ajoutant non pas des éléments mais des membres ce qui pose problème.

sencha propose à juste titre d'utiliser un objet et non un tableau dans ce cas là. on a donc un objet simple avec des membres (mais pas d'éléments)
la syntaxe étant

Code:

---

1 2 3

a = {}; a['toto']=45; a.titi=12;

---

qui peut s'écrire plus simplement

Code:

---

1 2 3

a = { 'toto': 45, 'titi': 12};

---

c'est le cas des ta variable élément

par contre pour un tableau il vaut mieux utiliser

Code:

---

a = nes Array();

---

ou

Code:

---

a = []

---

pour tout les tableau indicés.
si tu utilise

Code:

---

1 2	a = {}; a[0]=15;

---

javascript va créer un objet a puis à affectation détecter que a n'a pas le bon type et le re-typer en tableau

un code correct serait

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12

var myArray=[];//[] car c'est un tableau var element={}; // {} car c'est un objet element['Titre1']='XXXXX1'; element['SousTitre1']='YYYYY1'; element['SousTitre2']='ZZZZZ1'; myArray[0]=element; element={}; // pour être sur d'avoir un nouvel objet element['Titre1']='XXXXX2'; element['SousTitre1']='YYYYY2'; element['SousTitre2']='ZZZZZ2'; myArray[1]=element; var data=Ext.util.JSON.encode(myArray);

---

A+JYT