Passer tableau javascript en php

Bonjour
J'utilise une fonction javascript pour récupérer des informations concernant des checkboxes, et je rentre ces informations dans un tableau. Par la suite j'aimerai pouvoir passer ce tableau en php pour pouvoir le traiter. Voici ma fonction javascript :

Code:

---

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

function enregistrer(){ var tabEleveSel = new Array(); var eleveC = document.getElementsByName('eleveCoche[]'); for (var i=0;i<eleveC.length;i++) { if ( eleveC[i].checked ) { tabEleveSel[i] = "1"; } else { tabEleveSel[i] = "0"; } } }

---

Quelqu'un aurait-il une idée ?
Merci d'avance

avec ou sans rechargement de page ?

Sans rechargement si possible

Sans recharger la page tu as principalement 3 solutions :

un ifame
un src d'image
ou ajax

Les deux premières étant assez barbares, je te conseillerais plutot la dernière.

Tu utilises Jquery ?

D'accord, j'utilise bien jQuery. J'ai essayé de me renseigner sur ajax mais je n'y comprend pas grand chose, je ne vois pas comment l'utiliser avec mon code.

avec jquery il est très simple de faire une requete ajax pour envoyer des données au serveur

Code:

---

$.post( [url, sentdata, function( data ) { /* callback */ }) ;

---

url = la page coté serveur qui reçoit les données,
sentdata = les données que tu envoies
data = données reçues en retour

D'accord merci. J'ai donc refait mon code, ma fonction javascript est devenue :

Code:

---

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

function enregistrer(){ var tabEleveSel = new Array(); var eleveC = document.getElementsByName('eleveCoche[]'); for (var i=0;i<eleveC.length;i++) { if ( eleveC[i].checked ) { tabEleveSel[i] = "1"; } else { tabEleveSel[i] = "0"; } } $.post( ["admin.php", tabEleveSel[1], function( data ) { /* callback */ }]) ; }

---

Et dans mon admin.php j'ai fait une fonction qui fait :

Code:

---

1 2	$eleves = $_POST("tabEleveSel[1]"); echo $eleves;

---

Mais ça ne fonctionne pas, l'erreur est :

Citation:

---

Function name must be a string

---

à la ligne

Code:

---

$eleves = $_POST("tabEleveSel[1]");

---

Auriez vous une idée de ce qui ne va pas dans mon code ?

c'est une erreur php ... $_POST n'est pas uns fonction , mais un array ...

Code:

---

$_POST["tabEleveSel[1]"]

---

ensuite tu ne passe pas d'indexe à ton post

Code:

---

$.post( ["admin.php", {"param": tabEleveSel[1]} , function( data ) { /* callback */ }]) ;

---

Du coup ton indexe de post devient

Code:

---

$_POST["param"]

---

Ah oui merci, j'ai corrigé tout ça.
Mais maintenant j'ai l'erreur

Citation:

---

Undefined index: param

---

Code:

---

{"param": tabEleveSel[1]}

---

tu passes bien ça ?

Oui j'ai vérifié et c'est bien ça

tu as le message sur quelle page ???

J'ai le message sur la page de mon site codée par la page qui a la fonction javascript

si tu requetes la page admin.php en lui envoyant le json, tu as forcément l'indexe dans le post ...
test un var_dump($_POST) ???

Il me dit que mon array est vide

Si la page que tu appelle dans ton ajax est la même que la page que tu charges au départ ... il est normal qu'au premier chargement il n'y ait pas de POST ...

Donc soit tu pointe sur une autre url pour la page qui va traiter l'appel ajax
soit tu mets un test isset sur le POST

Ah d'accord, j'ai choisi la solution isset, mais même en l'utilisant mon tableau reste vide

alors récapitulons :

tu as une page qui comporte un appel ajax sur elle même
tu as rajouté un test isset pour ne pas avoir d'erreur lors du chargement de la page

Ta page se charge donc et l'appel ajax s'effectue ...
Mais tu ne vois rien ce qui est normal parce que la page de traitement est appelée en ajax donc de façon invisible ...
vérifie dans l'onglet xhr de la console ...

pour visualiser le retour d'ajax il te faut utiliser le callback ...
fonction qui se declenche àprès l'appel ajax

Code:

---

$.post( ["admin.php", tabEleveSel[1], function( data ) { alert(data)/ } ) ;

---

data c'est ce que la page de traitement va retourner

Je pense que pour appréhender le fonctionnement d'ajax, il serait plus facile si tu utilisais une page de traitement différente de la page appelante.
Quitte à réintégrer le code de la page de traitement dans une seule page dans un scope de teste isset du POST par la suite

En fait je vais vous expliquer un peu plus dans les détails la structure de mon site et ce que je souhaite faire exactement, peut être que ceci pourra nous aider.
Tout d'abord j'ai un onglet (décrit par ma page listeEleve qui contient la fonction javascript) dans lequel j'ai un tableau avec une liste d'élèves que je peux cocher. Après les avoir cochés j'ai un bouton confirmer qui est censé retenir les élèves cochés et les mettre dans un tableau. Pour ceci j'ai donc fait le script en javascript qui trouve à quelle place sont les élèves cochés, et donc par la suite je souhaite faire appel à une fonction dans ma page admin.php qui me permettra de trouver quels élèves sont cochés et qui me permettra ensuite de les enregistrer dans un tableau que j'utiliserai par la suite.
Je n'ai pas très bien compris tout ce que vous m'avez demandé de faire, pourriez vous m'expliquer un peu plus en détail s'il vous plait ?
Merci d'avance

Je pense que pour que tu comprennes le processus Ajax il va falloir procéder par étapes ...

Je te conseilles pour commencer d'utiliser une page séparée pour ton traitement ajax ...


par exemple traitement_ajax.php ...

ton appel ajax devient alors :

Code:

---

$.post( "traitement_ajax.php", tabEleveSel[1], function( data ) { alert(data) } ) ;

---

dans ta page traitement_ajax.php tu mets juste :

Code:

---

echo "voici la réponse ajax !";

---

une fois cette étape réalisée on franchira une autre étape ...

D'accord merci, j'ai réussi cette étape ;)

donc ce qui s'est passé ...

Au chargement de la page tu as lancé une requete ajax qui a appelé une page php ... cette page php t'as retourné un string ...
sans recharger la page


voyons maintenant comment passer tes données ... et les récupérer coté serveur

maintenant dans ta page de traitement
tu mets juste

Code:

---

var_dump($_POST);

---

ce qui va nous permettre de voir ce que reçoit le serveur ...

et pour éviter d'avoir un alert on va mettre la réponse ajax dans la console ...

Code:

---

$.post( "traitement_ajax.php", tabEleveSel[1], function( data ) { console.log(data) } ) ;

---

D'accord, la console doit s'ouvrir automatiquement ?

Ah non j'ai rien dit, je viens de trouver !
Elle me retourne ceci :

Code:

---

1 2 3 4

<pre class='xdebug-var-dump' dir='ltr'> <b>array</b> <i>(size=0)</i> <i><font color='#888a85'>empty</font></i> </pre>"

---

essaye avec ce code ci ...

Code:

---

$.post( "traitement_ajax.php", {"param": "la réponse se trouve ici"} , function( data ) { console.log(data) } ) ;

---

[edit]
Manquint un } au json ...

D'accord, j'obtiens maintenant la réponse suivante :

Code:

---

1 2 3 4

"<pre class='xdebug-var-dump' dir='ltr'> <b>array</b> <i>(size=1)</i> 'param' <font color='#888a85'>=&gt;</font> <small>string</small> <font color='#cc0000'>'la réponse se trouve ici'</font> <i>(length=25)</i> </pre>"

---

Ce qui se produit :

tu envoies en ajax un json en post au serveur
la page de traitement le reçoit bien
et donc dans le post tu as un indexe param

voyons voir comment l'exploiter coté serveur :

traitement_ajax.php :

Code:

---

1 2 3 4

//je recupère l'indexe param $varaiblejsrecue = $_POST['param']; //je retourne ce que j'ai reçu echo $variablerecue;

---

D'accord, j'ai donc fait ceci mais j'obtiens l'erreur : Undefined variable: $variablerecue.
Voici ce que j'obtiens dans la console si vous voulez vérifier :

Code:

---

1 2 3 4 5 6 7 8

"<br /> <font size='1'><table class='xdebug-error xe-notice' dir='ltr' border='1' cellspacing='0' cellpadding='1'> <tr><th align='left' bgcolor='#f57900' colspan="5"><span style='background-color: #cc0000; color: #fce94f; font-size: x-large;'>( ! )</span> Notice: Undefined variable: variablerecue in C:\wamp\www\workspace\traitement_ajax.php on line <i>5</i></th></tr> <tr><th align='left' bgcolor='#e9b96e' colspan='5'>Call Stack</th></tr> <tr><th align='center' bgcolor='#eeeeec'>#</th><th align='left' bgcolor='#eeeeec'>Time</th><th align='left' bgcolor='#eeeeec'>Memory</th><th align='left' bgcolor='#eeeeec'>Function</th><th align='left' bgcolor='#eeeeec'>Location</th></tr> <tr><td bgcolor='#eeeeec' align='center'>1</td><td bgcolor='#eeeeec' align='center'>0.0010</td><td bgcolor='#eeeeec' align='right'>134176</td><td bgcolor='#eeeeec'>{main}( )</td><td title='C:\wamp\www\workspace\traitement_ajax.php' bgcolor='#eeeeec'>..\traitement_ajax.php<b>:</b>0</td></tr> </table></font> "

---

Ah non en fait c'est bon, c'était juste les variables qui n'étaient pas écrites de la même façon ;)

Je commence à comprendre. J'ai essayé de transmettre la première valeur de mon tableau et ça a fonctionné.
Maintenant je bloque juste pour transmettre toutes les valeurs de mon tableau car j'ai mis le code dans une boucle pour que toutes les valeurs de mon tableau soit affichées à la fin mais je n'ai pas réussi. Mon code était le suivant :

Code:

---

1 2 3 4

for(i = 0; i < eleveC.length;i++) { $.post( "traitement_ajax.php", {"param": tabEleveSel[i]} , function( data ) { console.log(data) } ) ; }

---

donc je récapitule ...
tu envoies un json {"param": "texte"}
tu récupères cote serveur $_POST['param'] ...

La nous n'avons traité que de l'envoi de texte
compliquons en essayons d'envoyer un array ...

Code:

---

$.post( "traitement_ajax.php", {"param": ["un", "deux", "trois"]} , function( data ) { console.log(data) } ) ;

---

cote serveur :

Code:

---

1 2 3

$varaiblejsrecue = json_decode($_POST['param']); //pour parser le string reçu ...   echo count( $variablejsrecue );

---

D'accord, je viens de le faire. Par contre j'ai vu dans la console que j'obtenais l'erreur :

Code:

---

Warning: json_decode() expects parameter 1 to be string, array given

---

jquery doit transformer tout seul en array alors :koi:

Code:

---

1 2 3 4

$varaiblejsrecue = $_POST['param']; //pour parser le string reçu ...   echo count( $variablejsrecue );

---

Ah oui ça marche ;)

Voilà je pense que tu as le nécessaire pour arriver à tes fins ...

il te suffit de passer dans l'indexe param du json ton array récupéré coté client

tu pourras ainsi le traiter coté php ...
et retourner la réponses souhaitée après

Code:

---

$.post( "traitement_ajax.php", {"param": /*ici ton array js */} , function( data ) { console.log(data) } ) ;

---

coté serveur

Code:

---

1 2 3

$varaiblejsrecue = $_POST['param']; //et là tu fasi ce que tu veux avec ton array ... // puis tu retournes ce que tu veux au client echo ...

---

D'accord, merci beaucoup pour toutes ces explications :)

Juste une dernière petite question :
J'ai deux boutons, un avec lequel j’exécute le script javascript et un deuxième qui exécute ma fonction contenue dans admin.php.
Le problème est que quand j'essaie de faire basculer la variable dans admin.php en utilisant exactement le même code que pour traitement_ajax.php, en changeant juste la page de destination, je me retrouve avec l'erreur

Citation:

---

Undefined index: param

---

Je ne comprend pas pourquoi j'ai cette erreur car la page traitement_ajax.php arrivait parfaitement à récupérer cet index. Auriez-vous une idée ?

ce qui est normal et problème que tu as déjà rencontré au début de ce post ...
au premier chargement de ta page tu n'as pas de POST ...

Donc je dois recharger ma page entre temps ?