Discussion :

[Tiolebucheron]

Bonjour
J'ai un tableau js sous cette forme

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

[sekaijin]

Code :

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

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 :

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

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

A+JYT

[Tiolebucheron]

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

[ovillemain]

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 :

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

var myArray=new Array();

mais comme cela :

Code :

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

var myArray={};

Et ainsi ceci fonctionne bien :

Code :

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

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"

[sekaijin]

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

Code :

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

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 :

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

new Array()

pour une tableau associatif engendre des pb

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

Code :

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

a['toto']=12

est exactement identique à

Code :

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

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 :

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

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

qui peut s'écrire plus simplement

Code :

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

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 :

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

a = nes Array();

ou

Code :

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

a = []

pour tout les tableau indicés.
si tu utilise

Code :

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

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 :

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

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