[AJAX] insertion de données

Version imprimable

Voir 40 message(s) de cette discussion en une page

Bonsoir tout le monde

Je n'arrive pas à inserer des données.

Voici les fichier

Fichier javascript:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
var temps = new Date().getTime();
var parametres = "nom="+ codeContenu("nom") + "&prenom="+ codeContenu("prenom") + "&fonction="+ codeContenu("fonction") + "&newser="+ codeContenu("newser") + "&newspass="+ codeContenu("newspass") + "&anticache="+temps;
 
alert(parametres);
 
		objetXHR2 = creationXHR();
 
		objetXHR2.open("GET","./inserUserBase.php?"+parametres, true);
 
 
		objetXHR.onreadystatechange = actualiserPage;
 
		 objetXHR2.send(null);

fichier php:

Code:

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
52
53
54
55
56
 
<?php
         
header("Content-Type: text/plain ; charset=utf-8");
header("Cache-Control: no-cache , private");
header("Pragma: no-cache");
 
 
 
 
if(isset($_REQUEST['nom'])) $nom=$_REQUEST['nom'];
 
else $nom="inconnu";
 
 
if(isset($_REQUEST['prenom'])) $prenom=$_REQUEST['prenom'];
 
else $prenom="inconnu";
 
 
 
if(isset($_REQUEST['fonction'])) $fonction=$_REQUEST['fonction'];
 
else $fonction="inconnu";
 
 
if(isset($_REQUEST['newuser'])) $newuser=$_REQUEST['newuser'];
 
else $newuser="inconnu";
 
 
 
if(isset($_REQUEST['newspass'])) $newspass=$_REQUEST['newspass'];
 
else $newspass="inconnu";
 
 
 
require_once('connexionMysql.php');
 
mysql_select_db($base);
 
 
 
$requeteSQL="INSERT INTO tab_user(nom,prenom,fonction,userid,passwuser) VALUE('".$nom."','".$prenom."','".$fonction."','".$newuser."','".$newspass."')";
 
 
 
$reponseSQL = mysql_query($requeteSQL);
 
 
$resultat = $nom.':'.$prenom .':'.$fonction.':'.$newuser.':'.$newspass.':'.$reponseSQL;
 
echo $resultat;
 
?>

Je pense que mon soucis se situe au niveau des paramêtre, j'ai mis une alert.

Lors du teste alert ne fonctionne pas.

D'apres vous, d'où vient l'erreur.

Merci.
A +

12/05/2009, 21h15
darrylsite

Comment lances tu l'execution du javaScript? par appel d'une fonction genere par un evenement?, lors du chargement de la page?
Par ce que si tu ne lance pas l'execution du script, c'est sur que tu n'auras rien.

Rebonsoir

L'execution suite sur clique bouton

Voici la partie html

Code:

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
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
 
<form name="enregistrer" method="post"> 
 
				 <table id="tbuser"border=1 bordercolor=#000000 summary="">
	<tr>
 
			 <td>	
			 <div align="center" id="zoneentete">Ajouter un nouvelle utilisateur</div> 
 
 
			 <br/>
			  <br/>	
 
			   <label for="nom"> 
			   <font color="#336699"> Le nom de l'utilisateur:</font><br/>
			 <input type="text" name="nom" id="nom"/> 
			 <div align="left" id="resnom">Champ nom vide.</div> 
			   </label>
 
			  <br/>	  	  
 
			   <label for="prenom">  
			   <font color="#336699">Le prenom de l'utilisateur:</font><br/>
			  <input type="text" name="prenom" id="prenom"/>
			  <div align="left" id="resprenom">Champ prénom vide.</div> 
			   </label>
			  <br/>	   
 
			  	 <label for="fonction">	 
				<font color="#336699">La fonction de l'utilisateur:</font><br/> 
 
			   <input type="text" name="fonction" id="fonction"/> 
			   <div align="left" id="resfonction">Champ fonction vide.</div>
			  	</label>
			  <br/>	  
 
				<label for="newser"> 
 
				<font color="#336699">Entrer l'identifient du nouvelle utilisateur:</font><br/>
			  <input type="text" name="newser" id="newser"/> 	
			  <div align="left" id="resnewser">Champ identifiant vide.</div>
			   </label>
			  <br/>
 
 
			   <label for="newspass">	
 
			   	 <font color="#336699">Entrer le mot de passe du nouvelle utilisateur:</font><br/>
			   <input type="password" name="newspass" id="newspass"/>	
			   <div align="left" id="resnewspass">Champ mot de passe vide.</div>
				  </label>
			   <br/>
 
 
			   <div align="center" id="zonerepo">Suivie enregistrement</div> 
 
			   <br/>
 
 
 
 
			   	 <div align="left" id="info">Accés zone privée</div>
				   <br/>
				<input type="button" value="Ajouter" id="ajout" onClick="ajouUtilisateur();"/>
 
					</td>
	</tr>
</table>
</form>

La fonction

Code:

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
52
53
 
 
function ajouUtilisateur(){
 
		   	if(document.getElementById("nom").value == ""){
 
			document.getElementById('resnom').style.visibility="visible";
 
			}
			 if(document.getElementById("prenom").value == ""){
 
			document.getElementById('resprenom').style.visibility="visible";
 
			}
			 if(document.getElementById("fonction").value == ""){
 
			document.getElementById('resfonction').style.visibility="visible";
 
			}
			 if(document.getElementById("newser").value == ""){
 
			document.getElementById('resnewser').style.visibility="visible";
 
			}
			 if(document.getElementById("newspass").value == ""){
 
			document.getElementById('resnewspass').style.visibility="visible";
 
			}
			else {
 
 
 
 
 
 		var temps = new Date().getTime();
		var parametres = "nom="+ codeContenu("nom") + "&prenom="+ codeContenu("prenom") + "&fonction="+ codeContenu("fonction") + "&newser="+ codeContenu("newser") + "&newspass="+ codeContenu("newspass") + "&anticache="+temps;
 
alert(parametres);
 
		objetXHR2 = creationXHR();
 
		objetXHR2.open("GET","./inserUserBase.php?"+parametres, true);
 
 
		objetXHR.onreadystatechange = actualiserPage;
 
		 objetXHR2.send(null);
 
 
}
 
}

A +

12/05/2009, 22h00
darrylsite

As tu definis la fonction codeContenu(), parce qu'il y a une erreur à ce niveau.

Rebonsoir

Voici le code des fonctionajax

Code:

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
 
function creationXHR() {
   var resultat=null;
   try {
	    resultat= new XMLHttpRequest();
     } 
     catch (Error) {
     try {
     resultat= new ActiveXObject("Msxml2.XMLHTTP");
     }
     catch (Error) {
         try {
         resultat= new ActiveXObject("Microsoft.XMLHTTP");
         }
         catch (Error) {
            resultat= null;
         }
     }
  }
return resultat;
}
 
function remplacerContenu(id, texte) {
  var element = document.getElementById(id);
  if (element != null) {
    supprimerContenu(element);
    var nouveauContenu = document.createTextNode(texte);
    element.appendChild(nouveauContenu);
  }
}
function codeContenu(id) { 
	var valeur=document.getElementById(id).value;
	return encodeURIComponent(valeur);
}
function supprimerContenu(element) {
if (element != null) {
    while(element.firstChild)
        element.removeChild(element.firstChild);
   }
}

A +

12/05/2009, 22h33
darrylsite

Quand je teste chez moi tout marche bien apres avoir accepté les script dans le navigateur
12/05/2009, 22h37
argon

Que voulez vous dire pars

Citation:

Quand je teste chez moi tout marche bien apres avoir accepté les script dans le navigateur

Moi, j'ai un avertissement erreur javascript.

pas moi,

Code:

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
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=windows-1250">
  <meta name="generator" content="PSPad editor, www.pspad.com">
  <title></title>
  <script>
 
function creationXHR() {
   var resultat=null;
   try {
	    resultat= new XMLHttpRequest();
     } 
     catch (Error) {
     try {
     resultat= new ActiveXObject("Msxml2.XMLHTTP");
     }
     catch (Error) {
         try {
         resultat= new ActiveXObject("Microsoft.XMLHTTP");
         }
         catch (Error) {
            resultat= null;
         }
     }
  }
return resultat;
}
 
function remplacerContenu(id, texte) {
  var element = document.getElementById(id);
  if (element != null) {
    supprimerContenu(element);
    var nouveauContenu = document.createTextNode(texte);
    element.appendChild(nouveauContenu);
  }
}
function codeContenu(id) { 
	var valeur=document.getElementById(id).value;
	return encodeURIComponent(valeur);
}
function supprimerContenu(element) {
if (element != null) {
    while(element.firstChild)
        element.removeChild(element.firstChild);
   }
}
 
 
 
function ajouUtilisateur()
{
 
 
		   	if(document.getElementById("nom").value == ""){
 
			document.getElementById('resnom').style.visibility="visible";
 
			}
			 if(document.getElementById("prenom").value == ""){
 
			document.getElementById('resprenom').style.visibility="visible";
 
			}
			 if(document.getElementById("fonction").value == ""){
 
			document.getElementById('resfonction').style.visibility="visible";
 
			}
			 if(document.getElementById("newser").value == ""){
 
			document.getElementById('resnewser').style.visibility="visible";
 
			}
			 if(document.getElementById("newspass").value == ""){
 
			document.getElementById('resnewspass').style.visibility="visible";
 
			}
			else 
      {			
 
 		var temps = new Date().getTime();
		var parametres = "nom="+ codeContenu("nom") + "&prenom="+ codeContenu("prenom") + "&fonction="+ codeContenu("fonction") + "&newser="+ codeContenu("newser") + "&newspass="+ codeContenu("newspass") + "&anticache="+temps;
 
 alert("hello");
alert(parametres);
 
		objetXHR2 = creationXHR();
 
		objetXHR2.open("GET","./inserUserBase.php?"+parametres, true);
 
 
		objetXHR.onreadystatechange = actualiserPage;
 
		 objetXHR2.send(null);
 
 
}
 
} 
  </script>
  </head>
  <body>
<form name="enregistrer" method="post"> 
 
				 <table id="tbuser"border=1 bordercolor=#000000 summary="">
	<tr>
 
			 <td>	
			 <div align="center" id="zoneentete">Ajouter un nouvelle utilisateur</div> 
 
 
			 <br/>
			  <br/>	
 
			   <label for="nom"> 
			   <font color="#336699"> Le nom de l'utilisateur:</font><br/>
			 <input type="text" name="nom" id="nom"/> 
			 <div align="left" id="resnom">Champ nom vide.</div> 
			   </label>
 
			  <br/>	  	  
 
			   <label for="prenom">  
			   <font color="#336699">Le prenom de l'utilisateur:</font><br/>
			  <input type="text" name="prenom" id="prenom"/>
			  <div align="left" id="resprenom">Champ prénom vide.</div> 
			   </label>
			  <br/>	   
 
			  	 <label for="fonction">	 
				<font color="#336699">La fonction de l'utilisateur:</font><br/> 
 
			   <input type="text" name="fonction" id="fonction"/> 
			   <div align="left" id="resfonction">Champ fonction vide.</div>
			  	</label>
			  <br/>	  
 
				<label for="newser"> 
 
				<font color="#336699">Entrer l'identifient du nouvelle utilisateur:</font><br/>
			  <input type="text" name="newser" id="newser"/> 	
			  <div align="left" id="resnewser">Champ identifiant vide.</div>
			   </label>
			  <br/>
 
 
			   <label for="newspass">	
 
			   	 <font color="#336699">Entrer le mot de passe du nouvelle utilisateur:</font><br/>
			   <input type="password" name="newspass" id="newspass"/>	
			   <div align="left" id="resnewspass">Champ mot de passe vide.</div>
				  </label>
			   <br/>
 
 
			   <div align="center" id="zonerepo">Suivie enregistrement</div> 
 
			   <br/>
 
 
 
 
			   	 <div align="left" id="info">Accés zone privée</div>
				   <br/>
				<input type="button" value="Ajouter" id="ajout" onClick="ajouUtilisateur();"/>
 
					</td>
	</tr>
</table>
</form>
 
  </body>
</html>

12/05/2009, 22h46
argon

Chez moi rien ne fonctionne.
12/05/2009, 22h54
darrylsite

Et où signale t-il l'erreur?
12/05/2009, 22h59
argon

En faite, je ne vois pas comment la trouver.

Ce que je peux dire c'est que les alerts ne s'affichent pas.

J'ai corriger une petite erreur, j'avais mis une } en trop.

Voici tout le code.

Code:

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
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
 
window.onload=testerNavigateur;
 
 
 
 
 
function testerNavigateur() {   
	objetXHR = creationXHR();
	if(objetXHR==null) {
		document.getElementById("ajout").disabled= true;
		var erreurNavigateur="Erreur Navigateur : Création d'objet XHR impossible";
		remplacerContenu("info", erreurNavigateur);
	    document.getElementById("info").style.visibility="visible";
	}
 
}
 
 
 
 
function ajouUtilisateur(){
 
 
 
		   	if(document.getElementById("nom").value == ""){
 
			document.getElementById('resnom').style.visibility="visible";
 
			}
			 if(document.getElementById("prenom").value == ""){
 
			document.getElementById("resprenom").style.visibility="visible";
 
			}
			 if(document.getElementById("fonction").value == ""){
 
			document.getElementById("resfonction").style.visibility="visible";
 
			}
			 if(document.getElementById("newser").value == ""){
 
			document.getElementById("resnewser").style.visibility="visible";
 
			}
			 if(document.getElementById("newspass").value == ""){
 
			document.getElementById("resnewspass").style.visibility="visible";
 
			}else{
 
 
 
 
 
 
 		var temps = new Date().getTime();
		var parametres = "nom="+ codeContenu("nom") + "&prenom="+ codeContenu("prenom") + "&fonction="+ codeContenu("fonction") + "&newser="+ codeContenu("newser") + "&newspass="+ codeContenu("newspass") + "&anticache="+temps;
 
alert(parametres);
 
		objetXHR2 = creationXHR();
 
 
 
		objetXHR2.open("GET","./inserUserBase.php?"+parametres, true);
 
 
		objetXHR2.onreadystatechange = actualiserPage;
 
		 objetXHR2.send(null);
 
 
}
 
}  
function actualiserPage(){
 
		 if (objetXHR2.readyState == 4){
 
			 if (objetXHR2.status == 200){
	  			 var nouveauResultat = objetXHR.responseText.split(":");
 
alert(nouveauResultat);
 
				 if(nouveauResultat[2]==1){
 
 
				  var elementInfo = document.getElementById("info");
				   elementInfo.innerHTML='Enregistrement éffectué.';
				   elementInfo.style.color="black";
 
 
				 }else{	 
 
 
		        	var elementInfo = document.getElementById("info");
	                elementInfo.innerHTML="Enregistrement non éffectué." ;
			        elementInfo.style.color="red";
	                 }
 
				  document.getElementById("info").style.visibility="visible";
 
 
		}else{		  
 
		var erreurServeur="Erreur serveur : "+objetXHR2.status+" – "+ objetXHR2.statusText;
	   remplacerContenu("info", erreurServeur);
	   document.getElementById("info").style.visibility="visible";   
	   objetXHR.abort();
	   objetXHR=null;
 
 
		}		  
	   }
   }

C'est à partir d'ici que ca bug.

Code:

1
2
3
4
5
6
7
8
9
10
11
 
objetXHR2 = creationXHR();
 
 
 
		objetXHR2.open("GET","./inserUserBase.php?"+parametres, true);
 
 
		objetXHR2.onreadystatechange = actualiserPage;
 
		 objetXHR2.send(null);

Je pense que les données ne sont pas transmis au fichier php.

A +

13/05/2009, 07h53
andry.aime

Salut,
objetXHR est une variable locale des fonctions testerNavigateur et ajouUtilisateur, ainsi tu n'as pas accès depuis la fonction actualiserPage.
1-Soit tu le mets en variable globale
2-Soit tu le mets en paramètre
13/05/2009, 08h54
argon
Bonjour tout le monde

Je les déja fais andry.aime, ca ne fonctionne toujour pas.

Je pense que l'erreur est ici.
Code:

1 2 3 objetXHR2.open("GET","./inserUserBase.php?"+parametres, true);
A +

Code:

1
2
3
4
 
objetXHR2.onreadystatechange = actualiserPage(objetXHR2);
........
function actualiserPage(objetXHR2)

Rebonjour

Il y a toujour une erreur.

Ne viendrait elle pas de php.

Code:

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
52
53
54
55
56
 
<?php
         
header("Content-Type: text/plain ; charset=utf-8");
header("Cache-Control: no-cache , private");
header("Pragma: no-cache");
 
 
 
 
if(isset($_REQUEST['nom'])) $nom=$_REQUEST['nom'];
 
else $nom="inconnu";
 
 
if(isset($_REQUEST['prenom'])) $prenom=$_REQUEST['prenom'];
 
else $prenom="inconnu";
 
 
 
if(isset($_REQUEST['fonction'])) $fonction=$_REQUEST['fonction'];
 
else $fonction="inconnu";
 
 
if(isset($_REQUEST['newuser'])) $newuser=$_REQUEST['newuser'];
 
else $newuser="inconnu";
 
 
 
if(isset($_REQUEST['newspass'])) $newspass=$_REQUEST['newspass'];
 
else $newspass="inconnu";
 
 
 
require_once('connexionMysql.php');
 
mysql_select_db($base);
 
 
 
$requeteSQL="INSERT INTO tab_user(nom,prenom,fonction,userid,passwuser) VALUE('".$nom."','".$prenom."','".$fonction."','".$newuser."','".$newspass."')";
 
 
 
$reponseSQL = mysql_query($requeteSQL);
 
 
$resultat = $nom.':'.$prenom .':'.$fonction.':'.$newuser.':'.$newspass.':'.$reponseSQL;
 
echo $resultat;
 
?>

A +

13/05/2009, 10h03
andry.aime
Essaie avec,
Je pense qu'avec un if en php il faut des accolades.
Code:

1 2 if(isset($_REQUEST['nom'])){$nom=$_REQUEST['nom'];} else {$nom="inconnu";}
13/05/2009, 10h30
argon

Rebonjour

Ca ne va toujour pas.

Y a t'il pas un site comme http://www.w3.org/ qui pourrait test mon script ajax.

A +
13/05/2009, 19h46
darrylsite
Citation:
Envoyé par andry.aime

Essaie avec,
Je pense qu'avec un if en php il faut des accolades.

Code:

1 2 if(isset($_REQUEST['nom'])){$nom=$_REQUEST['nom'];} else {$nom="inconnu";}
Non c'est pas obligatoire. La syntaxe est pareil en c ou en java. On utilise les accolades que si on veut mettre plusieurs instructions dans le bloc if.

Citation:

Envoyé par argon

Rebonjour

Ca ne va toujour pas.

Si tu nous disais quel type d'erreur tu as, ça nous aiderait à trouver une solution. Par exemple sous IE, quand il y a une erreur sue la page, on peut voir dans la bare de tache en bas à gauche une icone d'erreur. Et quand on double-click dessus, une boite de dialogue sort et nous dit quel est le type d'erreur et la ligne où l'erreur s'est produite est aussi mentionnée.

1 pièce(s) jointe(s)

Bonsoir tout le monde

Je vous joins l'erreur en image.

Code:

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
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
 
form name="enregistrer" method="post"> 
 
				 <table id="tbuser"border=1 bordercolor=#000000 summary="">
	<tr>
 
			 <td>	
			 <div align="center" id="zoneentete">Ajouter un nouvelle utilisateur</div> 
 
 
			 <br/>
			  <br/>	
 
			   <label for="nom"> 
			   <font color="#336699"> Le nom de l'utilisateur:</font><br/>
			 <input type="text" name="nom" id="nom"/> 
			 <div align="left" id="resnom">Champ nom vide.</div> 
			   </label>
 
			  <br/>	  	  
 
			   <label for="prenom">  
			   <font color="#336699">Le prenom de l'utilisateur:</font><br/>
			  <input type="text" name="prenom" id="prenom"/>
			  <div align="left" id="resprenom">Champ prénom vide.</div> 
			   </label>
			  <br/>	   
			  //erreur ici
			  	 <label for="fonction">	 
				<font color="#336699">La fonction de l'utilisateur:</font><br/> 
 
			   <input type="text" name="fonction" id="fonction"/> 
			   <div align="left" id="resfonction">Champ fonction vide.</div>
			  	</label>
			  <br/>	  
 
				<label for="newser"> 
 
				<font color="#336699">Entrer l'identifient du nouvelle utilisateur:</font><br/>
			  <input type="text" name="newser" id="newser"/> 	
			  <div align="left" id="resnewser">Champ identifiant vide.</div>
			   </label>
			  <br/>
 
 
			   <label for="newspass">	
 
			   	 <font color="#336699">Entrer le mot de passe du nouvelle utilisateur:</font><br/>
			   <input type="password" name="newspass" id="newspass"/>	
			   <div align="left" id="resnewspass">Champ mot de passe vide.</div>
				  </label>
			   <br/>
 
 
			   <div align="center" id="zonerepo">Suivie enregistrement</div> 
 
			   <br/>
 
 
 
 
			   	 <div align="left" id="info">Accés zone privée</div>
				   <br/>
				<input type="button" value="Ajouter" id="ajout" onClick="ajouUtilisateur();"/>
 
					</td>
	</tr>
</table>
		</form>

Donc le problème ce situe au niveau de html?

Le type ne serait il pas le type de données?

A +

Voir 40 message(s) de cette discussion en une page