[AJAX] Envoi d'un tableau dynamique

Version imprimable

10/08/2012, 12h45
arcade_stg_master

[AJAX] Envoi d'un tableau dynamique
Ma question est d'une simplicité enfantine comment envoyer un tableau dynamique(dans le sens qu'on ne connaît jamais sa longueur et son contenu lors de sa validation) vers le fichier php qui va traiter les données du javascript.

en gros que doit-on mettre dans les paramètres :
Code:

1 2 3 4 params = ???; objet_ajax.send(params); //à la fin de l'Ajax
10/08/2012, 13h35
andry.aime

Code:

params="var[]=lol&var[]=lol&var[]=lol&var[]=lol&var[]=lol&var[]=lol";

Coté php $_POST["var"] sera un tableau.

A+.

Bonjour, avec jquery, cela doit fonctionner (non testé)

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
var listEmployees = {
   "employees": [
      { "firstName":"John" , "lastName":"Doe" }, 
      { "firstName":"Anna" , "lastName":"Smith" }, 
      { "firstName":"Peter" , "lastName":"Jones" }
   ]
}
 
$.ajax({
  type: 'POST',
  url: monUrl,
  data: listEmployees ,
  success: maFonctionSuccess  
});

10/08/2012, 13h52
andry.aime

@dkmix
Utiliser jQuery, rien que pour une requête AJAX est un peu abusif.

A+.
10/08/2012, 13h58
Bovino

+1 Andry, d'autant plus qu'il faut se demander aussi ce que fait jQuery en interne pour envoyer les données... à savoir des choses comparables à ce que tu proposes (mais avec toute la lourdeur du framework derrière). Donc à moins d'avoir une raison valable de vouloir plomber les perfs, c'est pas une bonne idée ! :aie:
10/08/2012, 13h58
dkmix

oui :lol:, sauf si il est utilisé dans le reste de la page ...
10/08/2012, 14h05
Bovino
1. Ca ne changera rien aux questions de perfs.
2. Si c'était le cas, l'envoi ne passerait pas par objet_ajax.send(params);
;)
10/08/2012, 14h12
arcade_stg_master
Code:

1 2 params="var[]=lol&var[]=lol&var[]=lol&var[]=lol&var[]=lol&var[]=lol";
Merci pour la réponse rapide mais, WAOW c'est quoi ça ?

Je comprends pas trop.

Je parle d'un tableau dynamique dont on ne connaît pas la longueur ni le contenu or dans l'exemple que tu donnes je peux voir 6 affectations.
10/08/2012, 14h14
Bovino

Ben... pour parcourir un tableau, à priori ça se passe dans une boucle, pas besoin de connaitre la taille du tableau pour ça puisque la propriété length te la donne facilement.
Ensuite, à la sortie de cette boucle, arrange-toi pour avoir une chaine qui correspond à la syntaxe proposée.
10/08/2012, 14h22
arcade_stg_master

Oui mais pourquoi il y a 6 affectations.

Si je vais dans sa logique pourquoi pas plus et pourquoi pas moins.
10/08/2012, 14h28
andry.aime

Ce n'est qu'une simple exemple, tu peux mettre plus ou moins que ça. C'est juste pour te donner le format de variable à envoyer. Et les valeurs "lol" viennent de la flemme du vendredi après midi (CTRL+C - CTRL+V- CTRL+V- CTRL+V- CTRL+V). Chaque variable var[] peut avoir sa propre valeur.

A+.
10/08/2012, 14h37
arcade_stg_master

Alors voilà, justement comment puis-je mettre une valeur ou plusieurs vu que je ne les connais pas.

La syntaxe que tu proposes est une syntaxe que je connais mais qui marche avec des valeurs connus dont avec un tableau statique, moi je parle avec des valeurs dynamiques (donc dont on ne connais ni le nombre, ni la valeurs). Je voudrais savoir comment envoyer toutes ses valeurs dynamiques en une fois dans ma variable

Code:

params
10/08/2012, 14h41
Bovino

Citation:

Envoyé par Bovino

pour parcourir un tableau, à priori ça se passe dans une boucle, pas besoin de connaitre la taille du tableau pour ça puisque la propriété length te la donne facilement.

J'ai un peu de temps... on peut faire, par exemple :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
// pour le test le tableau n'existe pas...
monTableauDynamic = new Array(50);
for (i=0;i<50;i++)
{
    monTableauDynamic [i] = {id:i,name:"name"+i}
}
 
//avec mon tableau qui maintenant existe
 var params ="";       
for(i=0;i<monTableauDynamic.length;i++)
    {
     params+= "&tab["+i+"][id]="+monTableauDynamic[i].id+"&tab["+i+"][name]="+monTableauDynamic[i].name;
    } 
// on remove le premier &
params = params.substring(1)
//on regarde le resultat
console.log(params);

Dans cette exemple, "monTableauDynamic" est remplit d'Object ({id:i,name:"name"+i}), il est possible d'adapter en fonction du besoin, array, string ...

10/08/2012, 15h12
arcade_stg_master

J'étudie ta réponse dkmix, mais j'ai la vague impression qu'on peut faire plus simple mais je teste avec mon cas.

Merci

oui avec jquery ;)

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
// pour le test le tableau n'existe pas...
monTableauDynamic = new Array(50);
for (i=0;i<50;i++)
{
    monTableauDynamic [i] = {id:i,name:"name"+i}
}
 
$.ajax({
  type: 'POST',
  url: monUrl,
  data: monTableauDynamic ,
  success: maFonctionSuccess  
});

10/08/2012, 17h49
arcade_stg_master

Encore merci dkmix
j'ai adapté ton code à mon cas qui est nettement moins compliqué que celui que tu as présenté et ça marche nickel mais je suis tellement mauvais que je dois me débarrasé d'une boucle infini, ça faisait longtemps :lol:

Le coup du deuxième tableau j'avoue que je n'y avais pas pensé ... :roll: