[PHP-JS] Php et javascript [Résolu]

[c.betty]

Bonjour,
Je suis entrain de developper un intranet.
J'ai un petit soucis en fait j'envoie des données via javascript vers un fichier php. Le problème c'est quand j'affiche le contenu de POST il n'y a rien aucune donnée n'a été transmise.
Vous trouverez ici le code que j'ai fait:

La fonction Javascript:

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
function envoie(data){
 
			if(window.XMLHttpRequest) {xhr_object = new XMLHttpRequest(); alert("début");}
					else if(window.ActiveXObject){ xhr_object = new ActiveXObject("Microsoft.XMLHTTP");  alert("milieu");}
				else {
						  alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
						   return;
						}
                        alert(data);
						xhr_object.open("POST", "essai.php");
						xhr_object.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
			            xhr_object.send(data);
			            alert(data);
 
 
 }

ou on l'appele dans le fichier Html:

Code :

<li><a  href="essai.php" target="sujet" onClick="javascript:envoie('comprdecomp');"  >Comporesion/Décompression</a></li>

et le code PHP pour tester: je l'ai developpé juste pour savoir si je reçois quelque chose:

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
<?php
 
	header('Content-type: text/html; charset=iso-8859-1');
    if(count($_POST) > 0) {
	    echo "Données reçues en POST:";
	    foreach($_POST as $v)
	      echo strrev(utf8_decode($v)).":";
	 }else
	 {
	  echo 'Aucune donnée n\'a été reçue par "'.basename($_SERVER["PHP_SELF"]).'"...';
	  }
 
?>

Merci d'avance

[Ouach]

C'est un problème AJAX et non php. En fait, tu n'attends pas la réponse que t'envoie essai.php. Il faut utiliser xhr_object.onreadystatechange.

[eric.pommereau]

Bonjour,

Si l'alert javascript s'éxécute, quel est précisément le message de ton 'alert(data);' ?

[c.betty]

le premier alert affiche milieu et les deux autres comprdecomp

[c.betty]

quand je mets ça :

Code :

1
2
3
xhr_object.onreadystatechange = function() {
						   if(xhr_object.readyState == 4) alert(xhr_object.responseText);
						}

il s'affiche un alert avec aucune donnée n'a été transmise

[Ouach]

Il faut encore teste le status 200

Code :

1
2
3
4
5
6
7
if(xhr_object.readyState == 4)
{
  if (xhr_object.status == 200)
  {
    alert(xhr_object.responseText);
  }
}

On avance.

[c.betty]

avec ça : l'alert sui il y a au milieu ne s'affiche pas.

[Ouach]

Remets le code de la fonction envoyer qu'on y voit plus claire.

[c.betty]

Voila :

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
function envoie(data){
 
			if(window.XMLHttpRequest) {xhr_object = new XMLHttpRequest(); alert("début");}
					else if(window.ActiveXObject){ xhr_object = new ActiveXObject("Microsoft.XMLHTTP");  alert("milieu");}
				else {
						  alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
						   return;
						}
 
						if(xhr_object.readyState == 4)
						{
						  if (xhr_object.status == 200)
						  {
						    alert(xhr_object.responseText);
						  }
						}
 
 
						xhr_object.open("POST", "essai.php");
						xhr_object.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
			            xhr_object.send(data);
 
 
 }

[Ouach]

Essaie un peu ceci (je n'ai pas testé)

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
function envoie(data)
{
	if(window.XMLHttpRequest) 
	{
	  xhr_object = new XMLHttpRequest(); alert("début");
	}
	else if(window.ActiveXObject)
	{ 
	  xhr_object = new ActiveXObject("Microsoft.XMLHTTP");  alert("milieu");
	}
	else 
	{
	  alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
	  return;
	}
	xhr_object.open("POST", "essai.php");
	xhr_object.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
	if(xhr_object.readyState == 4)
	{
	  if (xhr_object.status == 200)
	  {
		alert(xhr_object.responseText);
	  }
	}
	xhr_object.send(data);
 }

Il faut envoyer la demande à essai.php puis attendre sa réponse.

[c.betty]

ça donne le même résultat que avant. ça n'a rien changé. Le alert ne s'affiche pas .

[Ouach]

onreadystatechange a disparu de ton code...
Bon voici comment cela fonctionne chez moi

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
function handleHttpResponse(objhttp) 
{
	if (objhttp.readyState == 4) 
	{
		if (objhttp.status == 200) 
		{
			alert(objhttp.responseText);//Pour visualiser le contenu de la réponse.
		}
	}
}
function envoie(url) 
{
	var xhr_object = getHTTPObject();
	xhr_object.open("POST", "essai.php", true);
	xhr_object.onreadystatechange = function() 
	{ 
		handleHttpResponse(xhr_object); 
	}
	xhr_object.send(null);
}

[c.betty]

xhr_object.send(null); je l'ai changé en xhr_object.send(url);
bon ça donne le même résultat l'alert ne s'exécute pas.
Et donc quand le fichier essai.php s'affiche il dit qu'il n'y a aucune donnée transmise.
Voila

[Ouach]

Sorry, sorry j'utilise le get plutôt que le post.
Donc:

Code :

	xhr_object.open("GET", "essai.php?param1="+var1+"&param2="+var2, true);

Et dans essai.php

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
<?php
 
	header('Content-type: text/html; charset=iso-8859-1');
    if(count($_GET) > 0) {
	    echo "Données reçues en GET:";
	    foreach($_GET as $v)
	      echo strrev(utf8_decode($v)).":";
	 }else
	 {
	  echo 'Aucune donnée n\'a été reçue par "'.basename($_SERVER["PHP_SELF"]).'"...';
	  }
 
?>

[c.betty]

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
function handleHttpResponse(objhttp)
{
	if (objhttp.readyState == 4)
	{
		if (objhttp.status == 200)
		{
			alert(objhttp.responseText);//Pour visualiser le contenu de la réponse.
		}
	}
}
function envoie(data)
{
	var xhr_object = getHTTPObject();
	var filename = "essai1.php";
	filename += "?"+data;
	data=nulll;
	xhr_object.open("GET", filename, true);
 
	xhr_object.onreadystatechange = function()
	{
		handleHttpResponse(xhr_object);
	}
 
	xhr_object.send(null);
 
}

je n'aime pas trop utilisé la méthode GET mais bon j'ai essayé avec mais ça ne marche pas
c'est pareil qu'avant

[eric.pommereau]

Si ton alert ne s'affiche pas c'est qu'il y a un problème dans ton javascript...

Quand tu dis

Et donc quand le fichier essai.php s'affiche ...

Comment veux tu que cela s'affiche alors qu'il attend des paramètres en POST?

A mon avis il te faut revoir la logique javascript pour ce type de script (requête asynchrone).

Voici un petit exemple qui marche en reprenant ton 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
 
	function envoie(data){
		var responseText = "";   
		if(window.XMLHttpRequest) {
			xhr_object = new XMLHttpRequest(); 
		}  
		else if(window.ActiveXObject)
		{ 
			xhr_object = new ActiveXObject("Microsoft.XMLHTTP"); 
		}  
		else {  
			alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); return; 
		}  
 
		xhr_object.onreadystatechange = function() {
			if(xhr_object.readyState == 4) alert('Récupération des données générées par PHP: ' + xhr_object.responseText);
		}			
 
		xhr_object.open("POST", "ajax.php"); 
 
 
		xhr_object.setRequestHeader('Content-type', 'application/x-www-form-urlencoded'); 
		xhr_object.send('cle=valeur');

Plusieurs remarques:

Il te manque une fonction de 'callback' (voir la méthode 'onreadystatechange'). Cette fonction permet l'exécution de code quand la requête a été faite avec succès. (ce qui sous entend de faire la même chose en cas d'échec).

Deuxième chose, dans ton script JS tu ne passes aucun paramètre... alors qu'en PHP tu fais un comptage des paramètres POST ... là ici il faut revoir ton script... pour ce faire tu peux passer tes paramètres dans la méthode send(...).

@+

[c.betty]

salut ,

bein j'envoie des données car à la fin je fais : xhr_object.send(data);

Le code que tu m'as passé c'est celui que j'avais en premier mais il ne marche pas non plus.

bon je t'explique peut etre que je me trompe quelque part . bon quand je clique sur le menu on appele la méthode envoie(data) qui envoie la donnée au fichier essai.php puis je veux que le fichier essai.php s'ouvre dans un cadre de la page c'est pour cela que j'ai mis

Code :

<li><a  href="essai1.php" target="sujet" onClick="javascript:envoie('comprdecomp');"  >Comporesion/Décompression</a></li>

peut être c'est de la que vient l'erreur.
Si vous avez une solution dites le moi STP car la je n'en peux plus .
Le code est correct mais ça ne marche pas.
Merci d'avance

[Ouach]

Je suis encore à blâmer, j'ai oublié une 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
 
function getHTTPObject() 
{
   var xmlhttp=false;
   if (window.XMLHttpRequest) xmlhttp = new XMLHttpRequest();
   else if (window.ActiveXObject) 
	 {
      try {xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");}
      catch(e) {xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");}
   }
   return xmlhttp;
}
function handleHttpResponse(objhttp)
{
	if (objhttp.readyState == 4)
	{
		if (objhttp.status == 200)
		{
			alert(objhttp.responseText);//Pour visualiser le contenu de la réponse.
		}
	}
}
function envoie(data)
{
	var xhr_object = getHTTPObject();
	var filename = "essai1.php";
	filename += "?"+data;
	data=nulll;
	xhr_object.open("GET", filename, true);
 
	xhr_object.onreadystatechange = function()
	{
		handleHttpResponse(xhr_object);
	}
 
	xhr_object.send(null);
 
}

[eric.pommereau]

La variable data doit comprendre les paramètres que tu passes au script PHP, par exemple 'age=26';

Dans ce cas de figure, côté PHP, tu accèderas à cette valeur de la façon suivante:

Code :

echo $_POST['age'];

bon quand je clique sur le menu on appele la méthode envoie(data) qui envoie la donnée au fichier essai.php puis je veux que le fichier essai.php s'ouvre dans un cadre de la page c'est pour cela que j'ai mis

Il te faut dissocier le script chargé d'afficher du contenu dans une page web de celui qui est la cible de ton script AJAX (sinon le côté AJAX perd tout son intérêt).

Quoi qu'il en soit le script que je t'ai filé au dessus marche. Essaie encore avec...

Ce que je te conseille de faire aussi c'est de simplifier ton fichier PHP pour dans un premier temps simplement afficher quelque chose (récupéré dans ton alert javascript). Une fois que c'est bon... et seulement quand tu as validé cette étape tu peux complexifier ton code... enfin c'est ce que je ferais à ta place.

@+

[c.betty]

Bon le problème qu'il y a c'est qu'il n'y a pas de formulaire et du coup pas de form ni rien du tout. Je veux que quand j'appuie sur un lien ça envoie une chaine de caractère à un fichier PHP puis elle l'ouvre dans un cadre précis