[AJAX] Affection variable php via ajax

Invit� · 21/07/2009, 14h59

Bonjour,

J'ai un formulaire php assez complexe donc pour vous expliquer mon soucis je vais prendre un exemple simple.

J'ai donc un formulaire avec deux champs, un champ nom et un champs pr�nom.

J'ai aussi un <input text> dans lequel je renseigne combien de formulaire a afficher � l'�cran.

Jusque l� pas de probl�mes. Dans ce input text j'ai cr�� une fonction ajax qui r�cup�re la valeur renseign�e grace � l'id de l'input text, cette fonction marche bien car en fin de fonction je fait un alert et sa m'affiche la bonne valeur.

Ce que je voudrai maintenant, c'est que je puisse r�cup�rer dans mon code php la valeur retourn�e afin que je puisse afficher autant de formulaire souhait�e. En gros faire sa :

Code php :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
 
$n_Formulaire = valeurRetournée par ma fonction()

Voici le code de mon imput text

test.php

Code php :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
 
echo "<input name='nb_form' type='text' id='nb_form' maxlength='2' onblur='getNbEnf();'>";

Mon script ajax

Code ajax :

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
40
41
42
43
44
45
46
47
48
49
50
51
 
function getXhr()
	{
        var xhr = null; 
		if(window.XMLHttpRequest) // Firefox et autres
		xhr = new XMLHttpRequest(); 
		else if(window.ActiveXObject)	// Internet Explorer 
		{ 
		   try 
			{
				xhr = new ActiveXObject("Msxml2.XMLHTTP");
			} 
			catch (e) 
			{
				xhr = new ActiveXObject("Microsoft.XMLHTTP");
		    }
		}
		else   // XMLHttpRequest non supporté par le navigateur 
		{
			alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
			xhr = false; 
		} 
		return xhr;
	}
 
	/**
	* Méthode qui sera appelée lors du changement de focus
	*/
	function getNbEnf()
	{	
		var sel = document.getElementById('nb_form');
		var xhr = getXhr();
		// On défini ce qu'on va faire quand on aura la réponse
		xhr.onreadystatechange = function()
		{
			//attendons dque le requete soit finie...
			if(xhr.readyState == 4 && xhr.status == 200)
			{
				var rst = xhr.responseXML;
			}
		}
 
		// Ici on va voir comment faire du post
		xhr.open("POST","test.php",true);
		// ne pas oublier ça pour le post
		xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
 
		nb = sel.value;
		alert(nb);
		xhr.send("Nb="+nb);		
	}

Voil�, si quelqu'un pouvait m'�clairer se serait sympa :cool:

Je pr�cise que je suis totalement d�butant en Ajax

**Bovino** · 21/07/2009, 16h14

Code php :

S�lectionner tout - Visualiser dans une fen�tre � part

$n_Formulaire = $_POST['Nb'];

ou alors j'ai pas tout compris...

Invit� · 21/07/2009, 17h09

Justement non, quand je met $n_Formulaire = $_POST['Nb']; dans test.php
le navigateur me dit

Notice: Undefined index: Nb in C:\EasyPHP 3.0\www\Projet_CMFP\test.php on line 469

c'est pour �a que je suis un peu perdu

**emmanuel.remy** · 21/07/2009, 18h09

Salut,

Y'a un souci parce que tu dis �crire dans test.php:

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

echo "<input name='nb_form' type='text' id='nb_form' maxlength='2' onblur='getNbEnf();'>";

Or a priori ce code est celui de la page principale, non ?

Donc si tu appelles cette m�me page en Ajax, je ne vois pas trop le r�sultat attendu (sauf � faire une grosse bidouille). Tu ne te tromperais pas de page appel�e ?

Ce qui me fait penser � �a aussi c'est ton message: n'apparait il pas lors du chargement INITAL de la page test.php ? Ce qui serait logique car il n'y aurait pas alors de variable POST Nb.

ERE

Invit� · 21/07/2009, 18h15

Bah en faite je suis un peu embrouiller !

Donc si j'ai bien compris il faudrait que je fasse r�f�rence � une page test2.php dans mon code ajax !

Que dans cette page php je r�cup�re ma variable avec $_POST mais ensuite comment faire pour que je puisse afficher ma variable dans test.php qui est ma page principale ?

De cette mani�re : ?

test.php

Code html :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
 
<div id='divdemavarialbe'></div>

**emmanuel.remy** · 21/07/2009, 18h53

Envoy� par jeanjean8501

Bah en faite je suis un peu embrouiller !

Donc si j'ai bien compris il faudrait que je fasse r�f�rence � une page test2.php dans mon code ajax !

Que dans cette page php je r�cup�re ma variable avec $_POST mais ensuite comment faire pour que je puisse afficher ma variable dans test.php qui est ma page principale ?

De cette mani�re : ?

test.php

Code html :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
 
<div id='divdemavarialbe'></div>

Oui, ton appel AJAX se fait vers test2.php, tu y r�cup�res Nb.

ensuite comment faire pour que je puisse afficher ma variable dans test.php qui est ma page principale ?

C'est quoi cette variable que tu veux afficher ? Le resultat renvoy� par test2.php ?

ERE

Invit� · 21/07/2009, 19h02

En faite a la fin de ma fonction ajax je r�cup�re le num�ro rentrer dans un imput text, et je l'envoi via :

Code ajax :

S�lectionner tout - Visualiser dans une fen�tre � part

xhr.send("Nb="+nb);

ensuite dans test2.php je fait

Code php :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
 
$n_Formulaire = $_POST['Nb'];

et j'aimerai r�cup�rer dans test.php $n_Formulaire

**emmanuel.remy** · 21/07/2009, 19h12

Envoy� par jeanjean8501

En faite a la fin de ma fonction ajax je r�cup�re le num�ro rentrer dans un imput text, et je l'envoi via :

Code ajax :

S�lectionner tout - Visualiser dans une fen�tre � part

xhr.send("Nb="+nb);

ensuite dans test2.php je fait

Code php :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
 
$n_Formulaire = $_POST['Nb'];

et j'aimerai r�cup�rer dans test.php $n_Formulaire

Je ne comprends pas: dans test.php, tu r�cup�res nb_form (ton nombre de formulaires � cr�er) que tu envoies via AJAX � test2.php qui le r�cup�re dans $_POST['Nb']. Et ensuite, que fait et/ou test2.php ?

ERE

Invit� · 21/07/2009, 19h21

test2.php ne fait que recevoir la variable renvoyer par ajax, car tu m'as dit ne ne pas pointer vers test.php !

En gros ce que je voudrai faire c'est r�cup�rer la valeur �crite dans un champ afin de l'attribuer � une variable php qui servira pour une boucle for pour mettre en place n formulaires.

J'ai donc cr�er dans test.php 1 formulaire ensuite cr�er une fonction ajax qui r�cup�re le nombre de formulaire souhait�s.

Donc toute mes instructions se trouvent dans test.php

J'esp�re �tre compr�hensible

**emmanuel.remy** · 21/07/2009, 20h39

Envoy� par jeanjean8501

test2.php ne fait que recevoir la variable renvoyer par ajax, car tu m'as dit ne ne pas pointer vers test.php !

En gros ce que je voudrai faire c'est r�cup�rer la valeur �crite dans un champ afin de l'attribuer � une variable php qui servira pour une boucle for pour mettre en place n formulaires.

J'ai donc cr�er dans test.php 1 formulaire ensuite cr�er une fonction ajax qui r�cup�re le nombre de formulaire souhait�s.

Donc toute mes instructions se trouvent dans test.php

J'esp�re �tre compr�hensible

Donc si tu veux faire cela avec AJAX, test2.php re�oit le nombre de formulaire � cr�er, puis test2.php les cr�e (enfin cr�e le code HTML) et renvoie le code HTML comme r�ponse de l'appel AJAX.

Mais cela ne sert � rien. Techniquement et sauf cas particulier li� � une cr�ation oblig�e de tes formulaires sur le server, tu n'as pas besoin d'AJAX la dedans: dans test1.php tu r�cup�res le nombre de formulaires � cr�er, et tu devrais les cr�er en javascript toujours depuis test1.php.

ERE

Invit� · 21/07/2009, 20h52

Okay d'accord j'�tait partis sur du Ajax afin de pouvoir affecter � une variable php une valeur r�cup�rer dans le code Ajax.

Donc demain je vais faire comme tu m'a dis, cr�er mes formulaires � partir de javascript

Merci pour ta lumi�re

Edit: j'ai oubli� de pr�ciser que mon formulaire se m�tait en place � partir de donn�es pr�sentes dans une bdd

**emmanuel.remy** · 22/07/2009, 02h54

Envoy� par jeanjean8501

Okay d'accord j'�tait partis sur du Ajax afin de pouvoir affecter � une variable php une valeur r�cup�rer dans le code Ajax.

Donc demain je vais faire comme tu m'a dis, cr�er mes formulaires � partir de javascript

Merci pour ta lumi�re

Edit: j'ai oubli� de pr�ciser que mon formulaire se m�tait en place � partir de donn�es pr�sentes dans une bdd

Dans ce cas rien ne t'emp�che de faire ta requ�te AJAX pour r�cup�rer ces donn�es et ensuite de les injecter dans tes formulaires cr��s c�t� client en Javascript.

ERE

Invit� · 23/07/2009, 16h40

Re,

Je ne vois pas trop comment faire, j'avoue que je d�bute juste en Ajax donc je suis un peu dans le flou, de plus sur le net je n'ai rien trouver de sp�cial avec ajax et SQL

**emmanuel.remy** · 23/07/2009, 17h42

Envoy� par jeanjean8501

Re,

Je ne vois pas trop comment faire, j'avoue que je d�bute juste en Ajax donc je suis un peu dans le flou, de plus sur le net je n'ai rien trouver de sp�cial avec ajax et SQL

Un morceau de code simple vite fait qui cr�e de nouveaux formulaires directement en JS. Evidemment il reste du boulot � faire...

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
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <script type="text/javascript">
  function creeFormulaires() {
    var nbF = parseInt(document.getElementById("nbF").value);
    var frm = document.forms[0];
    for (var i=0; i<nbF;i++ ) {
      var frm2 = frm.cloneNode(true);
      document.getElementsByTagName("BODY")[0].appendChild(frm2);
    }
 
  }
  </script>
 
  </head>
  <body id="body">
    <form>
    <div>Nom: <input type="text" value="" /></div>
    <div>Prénom: <input type="text" value="" /></div>
    <div>Age: <input type="text" value="" /></div>
    </form>
    Nb formulaires:<input id="nbF" type="text" value="3" /><button onclick="creeFormulaires();">Créer les formulaires</button>
  </body>
</html>

ERE

Invit� · 24/07/2009, 08h18

Merci je vais me pencher sur sa

Invit� · 27/07/2009, 11h25

C'est bon, je pense avoir r�ussi � faire ce que je voulais gr�ce � ton aide !

Mais j'aimerais effectuer une am�lioration, par exemple si entre le chiffre 4 sa cr�� 4 fois le formulaire, mais si on saisie 2 juste apr�s sa en met deux de plus, alors que je souhaiterai que lorsque on mette 2 sa efface soit les 4 pr�c�dents ou soit les 2 derniers !

J'ai donc chercher comment faire, j'ai utiliser removeChild() et LastChild() mais sans succes !

Je ne vois pas trop comment impl�menter ces fonctions.

Faut t'il cr�er une autre fonction ou on passe comme parametre le nom de la form et qu'on attribue au input text de saisie sur un evenement onChange ?

Merci de votre aide

Ps: je ne demande pas une solution toute faite mais juste des directives.

**emmanuel.remy** · 27/07/2009, 12h46

Salut,

Modification de mon exemple pr�c�dent pour supprimer les n derniers formulaires ajout�s. Tu pourras adapter sans souci !

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
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <script type="text/javascript">
  function creeFormulaires() {
    var nbF = parseInt(document.getElementById("nbF").value);
    var frm = document.forms[0];
    for (var i=0; i<nbF;i++ ) {
      var frm2 = frm.cloneNode(true);
      document.getElementsByTagName("BODY")[0].appendChild(frm2);
    }
  }
 
  function supprimePlusieursFormulaires(nbre) {
    for (var i=0;i<nbre;i++) {
      var frm = document.forms[document.forms.length-1];
      frm.parentNode.removeChild(frm);
      delete frm;
    } 
  }
 
 
  </script>
 
  </head>
  <body id="body">
    <button onclick="supprimePlusieursFormulaires(2);">Supprimer 2 formulaires</button>
    <form>
    <div>Nom: <input type="text" value="" /></div>
    <div>Prénom: <input type="text" value="" /></div>
    <div>Age: <input type="text" value="" /></div>
    </form>
    Nb formulaires:<input id="nbF" type="text" value="3" /><button onclick="creeFormulaires();">Créer les formulaires</button>
  </body>
</html>

ERE

Invit� · 27/07/2009, 13h18

Je te remercie

Invit� · 27/07/2009, 14h13

Bon voila ce que j'ai fait

Code javascript :

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
 
function creeFormulaires() 
{
	supprimePlusieursFormulaires(9);// On supprime les éventuels enregistrements prévuent
	var nbF = parseInt(document.getElementById("nbF").value); // On récupère le nombre entré
	var frm = document.forms[0];// On définit un objet frm.
 
	for (var i=0; i<nbF;i++ ) // On boucle sur le nombre saisie
	{
		var frm2 = frm.cloneNode(true); //
		document.getElementsByTagName("BODY")[0].appendChild(frm2); // On créé les éléments sur le modèle défini
	}
}
 
function supprimePlusieursFormulaires(nbre)
{
	for (var i=0;i<nbre;i++) // On boucle sur le nombre reçue
	{
		var frm = document.forms[document.forms.length-1]; //
 
		if(document.forms.length != 1) // Si ce n'est pas le dernier form
		{
			frm.parentNode.removeChild(frm); // On supprime la form enfant
			delete frm;	// On supprime la variable
		}
	} 
}

Il ne manque plus qu'a adapter cela a ma solution finale, donc j'aurai peut �tre d'autres questions.

Sinon je voulais savoir si tu pouvais jeter un coup d'oeil ) mes commentaires, pour savoir si j'ai bien saisie la chose, et si possible commenter les lignes que je n'ai pas faites ?

Merci d'avance

**emmanuel.remy** · 27/07/2009, 15h26

Plus simple si tu supprimes TOUS les formulaires ajout�s:

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
function creeFormulaires() 
{
	supprimeFormulaires();// On supprime les �ventuels enregistrements pr�vuent
	var nbF = parseInt(document.getElementById("nbF").value); // On r�cup�re le nombre entr�
	var frm = document.forms[0];// On d�finit un objet frm.
				
	for (var i=0; i<nbF;i++ ) // On boucle sur le nombre saisie
	{
		var frm2 = frm.cloneNode(true); //
		document.getElementsByTagName("BODY")[0].appendChild(frm2); // On cr�� les �l�ments sur le mod�le d�fini
	}
}

/**
 * Suppression de tous les formulaires ajout�s 
 */ 		 
function supprimeFormulaires()
{
  while (document.forms.length>1) {
	  //on prend le dernier formulaire
		var frm = document.forms[document.forms.length-1];
		frm.parentNode.removeChild(frm); // On le supprime 
		delete frm;	// On fait le m�nage
  } 
}

ERE

[AJAX] Affection variable php via ajax

AJAX

Discussions similaires

Partager

Partager