XMLHttpRequest : Impossible de récupérer les données

**laurent_ifips** · 21/11/2005, 23h26

Bonsoir,

Je me lance avec XMLHttpRequest... Et là je bloque : Je récupère bien des données, mais avec toutes les balises ? Si j'applique innerHTML, bah ya plus rien

le code de la fenêtre appelante :

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
36
37
38
39
40
41
42
43
44
45
46
 
<html>
<script type="text/javascript" language="javascript">
function makeRequest(url) {
 
    var http_request = null;
//	http_request.overrideMimeType('text/xml');
	var method="POST";
 
	if(window.XMLHttpRequest) // Firefox 
		http_request = new XMLHttpRequest(); 
	else if(window.ActiveXObject) // Internet Explorer 
		http_request = new ActiveXObject("Microsoft.XMLHTTP"); 
	else { // XMLHttpRequest non supporté par le navigateur 
		alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
		return; 
	} 
 
	if (!http_request) {
		alert('Giving up :( Cannot create an XMLHTTP instance');
		return false;
	}
 
	http_request.onreadystatechange = function() {
		if(http_request.readyState==4 && http_request.status==200) {
			alert(http_request.responseText); 
		}
	} 
 
	http_request.open(method, url, true);
	if(method=="POST")
		http_request.setRequestHeader("Content-type","application/x-www-form-urlencoded");
 
	http_request.send("toto");
}
</script>
<body>
<form name="formulaire" method="post" action="index.php?page=verif">
	<h1>Votre compte</h1>
	<p>
		Login&nbsp;:<br/>
		<input name="login" type="text" class="login" id="login" value=""  onBlur="makeRequest('test.php')"/>
	</p>
</form> 
</body>
</html>

Et le code de la fenêtre appelée :

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
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml/DTD/XHTML1-STRICT.DTD3>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15">
	<meta http-equiv="pragma" content="no-cache" />
	<style type="text/css">
		@import url(styles/design.css);
	</style>
	<title>Document sans nom</title>
</head>
 
 
 
<body>
<?php
        if(count($_POST)>0) {
                echo 'Données reçues en POST';
        }
        echo 'RIEN RECU';
?>
</body>
</html>

Si quelqu'un une idée, ca m'aiderait

Le lien pour tester : http://extros.dyndns.org/index.php?page=xmlhttprequest

Il suffit de rentrer dans le champs et d'en ressortir...

Laurent

**siddh** · 22/11/2005, 03h10

tu es dans firefox ou ie ?

**laurent_ifips** · 22/11/2005, 08h28

Firefox et IE, j'ai le même pbl sur les 2. Je récupère tout le contenu du fichier avec les balises

**denisC** · 22/11/2005, 08h34

Envoyé par laurent_ifips

Je me lance avec XMLHttpRequest... Et là je bloque : Je récupère bien des données, mais avec toutes les balises ? Si j'applique innerHTML, bah ya plus rien

Le fait que tu recuperes les données avec toutes les balises, c'est ce qu'il y a de plus normal. C'est comme ça que XHR fonctionne.

Ensuite, comment as-tu essayé d'appliquer ton innerHTML? Si tu l'appliques au bon endroit, ça marche

Attention, dans le cas présent tu recuperes la page cible sous forme de String (chaine de caractère), qui n'a pas de propriété innerHTML, du coup, celle-ci est vide....

Donc la question est : que cherches tu à faire? (du point de vue métier, qu'est ce que ta page est sensée faire?)

**laurent_ifips** · 22/11/2005, 08h41

Bonjour,

Pour l'instant je teste juste si j'ai un retour, ma page php doit renvoyer 'Données reçues en POST', en réalité je reçois une page avec toutes les balises et le texte : RIEN RECU.
Le coté positif c'est que j'ai réussi à établir un dialogue

A terme je veux, dans un formulaire d'inscription, vérifier le champ d'un login à sa sortie, voir si celui-ci n'est pas déjà utilisé.

Concernant inner, je l'utilise comme ca :

alert(http_request.responseText.innerHTML);

Ca m'affiche : undefined

Voili, voila

Tu peux tester ici : http://extros.dyndns.org/index.php?page=xmlhttprequest

**denisC** · 22/11/2005, 08h50

Envoyé par laurent_ifips

Pour l'instant je teste juste si j'ai un retour, ma page php doit renvoyer 'Données reçues en POST', en réalité je reçois une page avec toutes les balises et le texte : RIEN RECU.

Essaye de faire un send("toto=tata&titi=tutu"); Ca marchera peut-être. Es-tu sur de ton code PHP pour detecter POST/GET? (ça fait longtemps que j'ai pas fait de PHP...)

Envoyé par laurent_ifips

Concernant inner, je l'utilise comme ca :

alert(http_request.responseText.innerHTML);

Ca m'affiche : undefined

Ce qui est normal, car http_request.responseText est une chaine de caractère (dans laquelle il y a des balises, mais il n'empeche, c'est une chaine de caractère) et la propriété innerHTML sur une chaine, c'est undefined.

Si tu fais "tata".innerHTML, tu t'attends à ce qu'il te renvoie undefined, c'est exactement pareil dans ce cas.

**laurent_ifips** · 22/11/2005, 08h56

Cool,

Ca marche avec send("toto=tata&titi=tutu"), j'y touche plus

Par contre, comment je peux faire pour récupérer une chaine de caractère destinée a être affichée (du style : Ce login existe déjà) ?

D'après ce que j'ai compris, du coté php je dois faire un echo : ca marche impec puisque pour tata et tutu je les récupère bien, par contre avec toutes les balises ?

Merci

Laurent

**siddh** · 22/11/2005, 09h48

en admettant que tu ai un div avec un id 'tutu' dans ta page :

Code :

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

document.getElementById('tutu').innerHTML = http_request.responseText;

**laurent_ifips** · 22/11/2005, 09h49

Je vais essayer ca de suite...

**laurent_ifips** · 22/11/2005, 09h51

Yop,

Ca marche nickel

Merci à vous & have a good day

Laurent

**shwin** · 22/11/2005, 13h28

Envoyé par laurent_ifips

Cool,

Ca marche avec send("toto=tata&titi=tutu"), j'y touche plus

Par contre, comment je peux faire pour récupérer une chaine de caractère destinée a être affichée (du style : Ce login existe déjà) ?

D'après ce que j'ai compris, du coté php je dois faire un echo : ca marche impec puisque pour tata et tutu je les récupère bien, par contre avec toutes les balises ?

Merci

Laurent

Petit conseil, ici tu récupère toutes les balises a cause de la structure de ta page

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 XHTML 1.0 Strict//EN"
   "http://www.w3.org/TR/xhtml/DTD/XHTML1-STRICT.DTD3>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15">
   <meta http-equiv="pragma" content="no-cache" />
   <style type="text/css">
      @import url(styles/design.css);
   </style>
   <title>Document sans nom</title>
</head>
 
 
 
<body>
<?php
   if(count($_POST)>0) {
      echo 'Données reçues en POST';
   }
   echo 'RIEN RECU';
?>
</body>
</html>

Si tu veux recevoir que la valeur de ton php, supprime toute les balises html.. elle ne servent a rien. XHR recoir ce qui est "printer" dans la page, donc c'est normal quil recoi les balises car elles sont "printer"

Ce qui donne dans ta page .php

Code :

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

1
2
3
4
5
6
7
 
<?php
   if(count($_POST)>0) {
      echo 'Données reçues en POST';
   }
   echo 'RIEN RECU';
?>

XMLHttpRequest : Impossible de récupérer les données

JavaScript

Discussions similaires

Partager

Partager