Discussion :

[AzertyH]

Bonsoir,

Je sais comment envoyer une variable dans un script php avec XMLHTTPRequest.
Par contre je ne sait pas comment envoyer une variable tableau de type "ma_variable[]".

Pour détailler un peu plus:

1) ce que je sais faire:
Dans la fonction appelante Javascript vers un fichier PHP, pour envoyer une variable simple, on fait comme ça:

var data = null;
var s11=1; //par exemple
data = "s11="+s11;

xhr.open("POST","script.php",true);
xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhr.send(data);

Et du coté du fichier PHP, on réceptionne cette variable s11:

$s11=$_POST[s11];

1) ce que je ne sais pas faire:
comment passer en paramettre une variable de type tableau

En fait à la finalité, j'aimerai pouvoir envoyé dans un script php le tableau correspondant à une liste de case à cochée. Ainsi, dans mon script php, il me sera possible de pouvoir voir quelles sont les cases qui sont cochées.

Par ailleurs ,existe-t-il une méthode simple de transmission des cases à cochées par l'intermédiaire de XMLHTTPRequest?

Merci pour votre aide

[E.Bzz]

Bonjour,
ne compliques-tu pas un pb simple : si elles sont dans un <form>, seules les valeurs des cases cochées sont envoyées ...

A+

[marcha]

Salut,

Il te faut sérialiser ton tableau. par exemple avec Array.join

Code :

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

1
2
 
var s = ton_tableau.join(',');

coté php tu utilise explode(',', $_REQUEST['...']);

[AzertyH]

Je sais bien que je pourrait utiliser une méthode simple sans Ajax, c'est à dire en effectuant un submit() sur mon formulaire des cases à cocher. Je sais bien le faire même. Mais là, je ne veux pas exécuter de submit(), afin rester sur ma page ou j'ai les cases à cocher. Je veux utiliser un type button, qui appele un script javascript, afin d'exécuter une procédure XMLHTTPRequest.

J'espère qu'on va m'apporter une réponse claire. Merci

[AzertyH]

Ok, merci Marcha, je vais étudier ta méthode.

[AzertyH]

ça y é j'ai enfin trouvé une solution pour traiter mes checkbox. Je vous donne le code que j'ai mis en place après tant de temps! Et oui, quand on connait pas trop, c'est long! Comme ça, j'espère que je ferai gagner du temps à des personnes en difficultés. Je sais que ce Tuto n'est pas le but de mon sujet, mais l'avantage, c'est qu'il montre bien comment envoyer un tableau à un script php, par l'intermédiaire de XMLHTTPRequest.

MINI TUTO POUR TRAITER DES CASES A COCHER AVEC XMLHTTPRequest

coté HTML:

Code :

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

echo "<input type=\"checkbox\" name=\"selection\" value=\"" . $id_responsable . "\" />";

(Sachant que $id_responsable et diférent pour chaque checkbox)


coté JS:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
var select_string = "";
var select = new Array();
select[0] = 0;
var j = 0;
 
 
function ma_foncton(f){
 
var xhr = Xhr()
 
xhr.onreadystatechange = function(){
 
if(xhr.readyState == 4 && xhr.status == 200){
 
    select.length = 0;    //initialisation du tableau, suite à l'éxécution du script PHP
    select[0] = 0;
	j = 0;           //initialisation du compteur j 
 
   }
}
 
 
      for (var i=0; i<f.selection.length; i++) {        
 
         if (f.selection[i].checked) {          //Pour chacune des cases cochées...
         select[j] = f.selection[i].value;     //...on renseigne notre super tableau qui servira à transmetre les valeur des cases cochées
         j++;
         }
      }
 
var select_string = select.join(',');         //ICI, il s'agit de la méthode de sérialisation donnée par Marcha ci-dessus dans ce topic du forum
 
 
var data = null;
data = "select_string="+select_string;
 
xhr.open("POST","script.php",true);
xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhr.send(data);

et enfin, du coté PHP:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<?php
header('Content-type: text/html; charset=iso-8859-1');
 
$select_string=$_POST[select_string];
 
$select = explode(',', $select_string);   //restitution du tableau    
 
 
    foreach ($select as $id_responsable) { 
 
//ici vous parcourez votre tableau "recontitué" et pour chaque élément vous retrouvez votre valeur : ici c'est $id_responsable. En faite ce tableau inclue uniquement les cases qui on été cochées.
 
    }
 
?>

Note : Ce code ne foctionne pas convenablement si vous disposez que d'une seule case à cocher. En effet, j'ai constaté qu'un certain comportement changeait à propos de l'exploitation des cases à cocher, uniquement dans le cas d'une seule et unique case à cocher. Je n'ai pas vraiment compris ce probleme qui est un cas particulier, mais je l'ai plutôt cerné en tatant et j'ai trouvé un arrangement qui résoud le probleme. Mais bon, dans 95% des cas, votre application aura au moins deux cases à cocher. Si vous voulez le code pour rectifier ce détail, vous pouvez me le demander.

A+