Discussion :

[Herode]

Bonjour à tous.

Soit un formulaire classique appelant la méthode POST classique :

Code :

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

1
2
3
4
5
6
<form action="form.php" ...>
<input type="text" name="coucou[]" value="" />
<input type="text" name="coucou[]" value="" />
<input type="text" name="coucou[]" value="" />
<input type="text" name="coucou[]" value="" />
</form>

Côté serveur, form.php va recevoir dans $_POST quelque chose du style :
$_POST : Array
(
[coucou] => Array
(
[0] => 1
[1] => 2
[2] => 3
[3] => 5
)
)

Maintenant, imaginons que je veuille passer par une requête AJAX pour ne pas avoir à recharger toute la page.

Code :

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

1
2
3
4
5
6
7
8
9
 
    $.ajax({
        type: 'POST',
        url: 'form.php',
        dataType: 'xml',
        contentType: "application/x-www-form-urlencoded",
        data: {coucou: ???????????????},
        etc...
    });

Comment dois-je renseigner data pour obtenir un résultat équivalent à celui du submit classique ? Y-a-t'il une astuce pour créer automatiquement/dynamiquement le tableau en argument d'url ? Comment passer un tableau de valeurs dont on ne connait pas la taile a priori (j'en ai 4 ici mais je pourrais en avoir 9563 aussi bien...) ?

[Herode]

Ne cherchez plus, j'ai trouvé par hasard en cherchant une action de contournement à peu près propre...
Il suffit de renseigner data comme suit :

Code :

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

1
2
3
4
5
6
7
8
$.ajax({
        type: 'POST',
        url: 'form.php',
        dataType: 'xml',
        contentType: "application/x-www-form-urlencoded",
        data: {coucou: 1,2,3,4,5},
        etc...
});

Elementson, mon cher Wataire

[SpaceFrog]

mouaip mais c'est prototype ou jquery ça ...
j'aimerais bien savoir comme faire en js pur ...

[hansaplast]

salut,

avec jquery, serialize est fait pour ca :
http://docs.jquery.com/Ajax/serialize

Code :

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

1
2
3
4
5
6
7
8
$.ajax({
        type: 'POST',
        url: 'form.php',
        dataType: 'xml',
        contentType: "application/x-www-form-urlencoded",
        data: $("form").serialize()
 
});

[Herode]

Super, merci pour le tuyau !!

Décidément, plus je pratique jQuery, plus je l'aime. Quand je pense que j'ai attendu tout ce temps pour m'y lancer

[nico78200]

Super, merci pour le tuyau !!

Décidément, plus je pratique jQuery, plus je l'aime. Quand je pense que j'ai attendu tout ce temps pour m'y lancer

Oui c'est parfait lorsque l'on traite les données d'un formulaire, mais lorsque que l'on s'attaque à autres choses que des inputs comme des contenus d’éléments du DOM ça se corse. Je recherche aussi un moyen propre pour envoyer des arrays via ajax()... Je regarde du coté de JSON qui est interprété comme un string... Mais ça me semble quand même plutôt pas mal bricolé pour une action somme toute très basique...

[SpaceFrog]

Quoi que tu fasses, tout ce que tu passes vai ajax est du string !
String qui sera ensuite coté client ou coté serveur évalué ou parsé pour être retransformé en objet.