Discussion :

[antoinv10]

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 :

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

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

[SpaceFrog]

avec ou sans rechargement de page ?

[antoinv10]

Sans rechargement si possible

[SpaceFrog]

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 ?

[antoinv10]

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.

[SpaceFrog]

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

Code :

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

$.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

[antoinv10]

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

Code :

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

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 :

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

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

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

Function name must be a string

à la ligne

Code :

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

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

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

[SpaceFrog]

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

Code :

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

$_POST["tabEleveSel[1]"]

ensuite tu ne passe pas d'indexe à ton post

Code :

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

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

Du coup ton indexe de post devient

Code :

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

$_POST["param"]

[antoinv10]

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

Undefined index: param

[SpaceFrog]

Code :

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

{"param": tabEleveSel[1]}

tu passes bien ça ?

[antoinv10]

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

[SpaceFrog]

tu as le message sur quelle page ???

[antoinv10]

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

[SpaceFrog]

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) ???

[antoinv10]

Il me dit que mon array est vide

[SpaceFrog]

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

[antoinv10]

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

[SpaceFrog]

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 :

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

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

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

[SpaceFrog]

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

[antoinv10]

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