[AJAX] Transmettre et récupérer des données entre un fichier javascript et php.

Version imprimable

Bonjour

Mon fichier php fonctionne, je les testé sans javascript, donc mon problème est de faire le lien entre javascript et php.

ici on transmet les données du formulaire

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
 
              objetXHR2 = creationXHR();
 
              var temps = new Date().getTime();
 
             var parametres = "nom="+ codeContenu("nom") + "mdp="+ codeContenu("mdp") + "&anticache="+temps;
 
 
 
 
 	objetXHR2.open("GET","./ConnexAdmis.php?"+parametres, true); 
 	objetXHR2.onreadystatechange = afficherReponse;
 
	document.getElementById("btcon").disabled= true;
 
 
		objetXHR2.send(null);

Ici on récupere la valeur de l'echo.

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
 
function afficherReponse() {
 
	if (objetXHR2.readyState == 4){
 
 
	  if (objetXHR2.status == 200) {
	   var nouveauResultat = objetXHR2.responseText;
 
 
 
 
	if(nouveauResultat!=0) {
 
	  window.location="supadm.html";
 
 
 
	}else{
 
 
 
	document.getElementById('info').style.visibility="visible";
 
	remplacerContenu('info', "Pas droits");
	document.getElementById('info').style.color="red";
 
	document.getElementById("btcon").disabled= true;
 
							}
 
 
	}else{
 
	  var erreurServeur="Erreur serveur : "+objetXHR2.status+" – "+ objetXHR2.statusText;
	    remplacerContenu("info", erreurServeur);
	  document.getElementById('info').style.visibility="visible";
 
	   document.getElementById("btcon").disabled= false;
 
	   objetXHR2.abort();
	   objetXHR2=null;
	   }
 
 
}

Fichier fonction ajax

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);
   }
}

Je pense que mon problème vient de là.

Code:

1
2
3
4
5
6
7
8
9
 
 
		 objetXHR2 = creationXHR();
 		var temps = new Date().getTime();
 
		var parametres = "nom="+ codeContenu("nom") + "mdp="+ codeContenu("mdp") + "&anticache="+temps;
 
objetXHR2.open("GET","./ConnexAdmis.php?"+parametres, true); 
 		objetXHR2.onreadystatechange = afficherReponse;

Là, je suis perdue.

A +

21/04/2009, 10h34
Bovino

Tes paramètres doivent être séparés par des &...

Code:

var parametres = "nom="+ codeContenu("nom") + "&mdp="+ codeContenu("mdp") + "&anticache="+temps;
21/04/2009, 10h50
argon

Rebonjour

Merci, j'ai fais la modification, ca ne fonctionne toujour pas

Ca retourne toujour 0.

A +
21/04/2009, 11h00
andry.aime

On peut voir ton code php?

Le voici:

Je les testé sans javascript, il fonctionne.

Quand je rentre les bons user et mdp, il retourne 1.

Quand c'est au hasard il retourn 0.

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
 
<?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['mdp'])) $mdps=$_REQUEST['mdp'];
 
else $mdps="inconnu";
 
require_once('connexionMysql.php');
 
mysql_select_db($base);
 
 
$requeteSQL="SELECT ke FROM log WHERE identifiant= '".$nom."' AND passw='".$mdps."'";
 
$reponseSQL = mysql_query($requeteSQL);
 
$enregistrement=mysql_fetch_array($reponseSQL);
 
 
 if(mysql_num_rows($reponseSQL)>0){
 
$_SESSION['nom'] = $nom;
 
 $resultat=$enregistrement["ke"];
 
}
 else{
 
 
 $resultat=0;
}
 echo $resultat;
 
 
?>

21/04/2009, 11h57
andry.aime

C'est normale,

Citation:

if(mysql_num_rows($reponseSQL)>0){
$_SESSION['nom'] = $nom;
$resultat=$enregistrement["ke"];
}
else{
$resultat=0;
}
echo $resultat;

Tu as testé si les valeurs du nom et passw se correspondent avec l'nregistrement et retourne la valeur de "ke" sinon tu retourne 0 :aie:
21/04/2009, 19h38
argon

Bonsoir tout le monde

ke à pour valeur 1, donc si l'utilisateur entre le bon nom et mdp, resultat = 1 sinon resultat = 0.

Pourriez vous me dire où il y a une erreur dans mon algo?

A +
21/04/2009, 19h51
Bovino

Salut,
Et codeContenu(), c'est quoi ?
21/04/2009, 20h08
argon
codeContenu est une fonction qui permet de retourner, le contenu d'une zone de text, codé automatiquement en UTF-8.
Code:

1 2 3 4 5 function codeContenu(id) { var valeur=document.getElementById(id).value; return encodeURIComponent(valeur); }
22/04/2009, 08h29
andry.aime

Est-ce que objetXHR2 est une variable globale ou locale du fonction qui fait le requête AJAX car si il est locale de la fonction pour l'échange du donnée, tu n'auras pas accès dans la fonction afficherReponse(), sinon à mettre en paramètre.

Bonjour

Code:

1
2
3
4
5
6
7
8
9
10
 
                      objetXHR2 = creationXHR();
 
 		var temps = new Date().getTime();
 
		var parametres = "nom="+ codeContenu("nom") + "&mdp="+ codeContenu("mdp") + "&anticache="+temps;
 
 
                         objetXHR2.open("GET","./ConnexAdmis.php?"+parametres, true); 
 		objetXHR2.onreadystatechange = afficherReponse;

Normalement, il n'est pas nécessaire de mettre objetXHR2 en global vue que onreadystatechange appel la fonction afficherReponse.

A+

22/04/2009, 10h08
andry.aime

Dans ce cas tu n'as pas accès à objetXHR2 dans la fonction afficherReponse() qui est une variable propre à la fonction qui contient le code

Citation:

objetXHR2 = creationXHR();
var temps = new Date().getTime();
var parametres = "nom="+ codeContenu("nom") + "&mdp="+ codeContenu("mdp") + "&anticache="+temps;
objetXHR2.open("GET","./ConnexAdmis.php?"+parametres, true);
objetXHR2.onreadystatechange = afficherReponse;

ce qui ne permet pas son appel dans la fonction afficherReponse()
On peut voir la fonction complète qui contient

Citation:

objetXHR2 = creationXHR();
var temps = new Date().getTime();

Bonsoir tout le monde

Voici la fonction complête.

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
 
function choixAcces(event){
 
 
	if(document.getElementById('choiuser').options[document.getElementById('choiuser').selectedIndex].value == "Administrateur"){
 
		 objetXHR2 = creationXHR();
 		var temps = new Date().getTime();
 
		var parametres = "nom="+ codeContenu("nom") + "&mdp="+ codeContenu("mdp") + "&anticache="+temps;
 
 
alert(parametres);
 
 		objetXHR2.open("GET","./ConnexAdmis.php?"+parametres, true); 
 		objetXHR2.onreadystatechange = afficherReponse;
 
		document.getElementById("btcon").disabled= true;
 
 
		objetXHR2.send(null);
 
 
 
 
        }
 
 	if(document.getElementById('choiuser').options[document.getElementById('choiuser').selectedIndex].value  == "utilisateur"){
 
 
 
  }
 
 
 
 }

Je ne vois pas ce qui cause problème.

A +

Le problème était dit dans la Post précédente.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
objetXHR2 = creationXHR();
function choixAcces(event){
	if(document.getElementById('choiuser').options[document.getElementById('choiuser').selectedIndex].value == "Administrateur"){
 		var temps = new Date().getTime();
		var parametres = "nom="+ codeContenu("nom") + "&mdp="+ codeContenu("mdp") + "&anticache="+temps;
alert(parametres);
 		objetXHR2.open("GET","./ConnexAdmis.php?"+parametres, true); 
 		objetXHR2.onreadystatechange = afficherReponse;
		document.getElementById("btcon").disabled= true;
		objetXHR2.send(null);
        }
 	if(document.getElementById('choiuser').options[document.getElementById('choiuser').selectedIndex].value  == "utilisateur"){
  }
 }

Une Deuxième solution c'est de mettre en paramètre objetXHR2 dans la fonction afficherReponse et de l'instancier dans choixAcces

29/04/2009, 09h39
argon

Bonjour tout le monde

Ca fonctionne!

Merci pour votre aide.

A +