[AJAX] Ajax EasyPHP

Version imprimable

24/01/2007, 12h06
schnito

[AJAX] Ajax EasyPHP

Bonjour à tous,

Je débute complétement sous Ajax, et je suis en train de suivre les tutos du forum.

J'ai testé le 1er exemple de ce cours : http://siddh.developpez.com/articles/ajax/

Sur un vrai serveur, cela fonctionne, c'est a dire que le test

Code:

if(req.status == 200)

retourne vrai.

En local, avec EasyPhp, req.status vaut toujours 0.

Je ne comprends pas vraiment, pensez que ceci est du au fait que ca soit en local ?

Merci bien.

@+. ;)
24/01/2007, 12h11
E.Bzz

Bonjour,

Citation:

Envoyé par schnito

En local, avec EasyPhp, req.status vaut toujours 0.

Je ne comprends pas vraiment, pensez que ceci est du au fait que ca soit en local ?

Est-ce que ta page, appelée hors Ajax, fonctionne (te retourne le résultat attendu avec Ajax) ?

A+
24/01/2007, 14h52
schnito

comment ca ?

Si j'arrive a ecrire un texte dans le input text qd je clique sur le bouton en javascript ?

==> oui, bien sur.

Le problème la, c la réponse de mon serveur qui vaut 0. Si j'enleve ce test, ca fonctionne.
24/01/2007, 15h59
E.Bzz

Citation:

Envoyé par schnito

Si j'arrive a ecrire un texte dans le input text qd je clique sur le bouton en javascript ?

==> oui, bien sur.

Non : si tu tappes dans la barre d'@ de ton nav directement l'URL appelée par Ajax, avec les bons paramètres ?
24/01/2007, 16h26
schnito

tain mais je comprends pas ... :oops:
24/01/2007, 16h36
E.Bzz

Citation:

Envoyé par schnito

tain mais je comprends pas ... :oops:

8O
Quoi donc ?
24/01/2007, 16h37
schnito

ca :

Citation:

Non : si tu tappes dans la barre d'@ de ton nav directement l'URL appelée par Ajax, avec les bons paramètres ?
24/01/2007, 16h40
E.Bzz

Ben ta fonction Ajax, elle appelle bien une url, non (à priori un .php ou .asp) ?
Avec des paramètres (ou pas) que tu génères peut-être en dynamique.
Récupère cette url (a priori c'est ton code qui la génère) et entre la directement dans la barre d'adresse de ton nav.
Si Ajax doit te retourner "coucou", tu dois avoir une page blanche avec juste "coucou".
Sinon, c'est que le serveur (ton .php ou .asp) ne te retourne pas ce que tu attendais (peut-être une erreur de BDD, par ex) ...

A+
24/01/2007, 16h45
schnito

ouais, mais la tu vas déjà trop loin.

Regarde le 1er exemple de ce cours.

http://siddh.developpez.com/articles/ajax/

Mon pb, c que quand je teste la propriété status, mon serveur me retourne toujours 0. (je l'affiche avec un alert). Il ne me retourne jamais 200.

Donc le code ajax n'est jamais executé
24/01/2007, 16h52
E.Bzz

Sans voir ton code, pas possible d'aller plus loin.
0 n'est pas un code "retour" (non référencé selon ton tuto).

A+

Ouais, ce code n'est pas referencé, c que qui est encore plus étrange.

Voici 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
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" dir="ltr" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<script language="JavaScript">
	function submitForm()
	{ 
		var req = null; 
 
		document.ajax.dyn.value="Started...";
		if(window.XMLHttpRequest)
			req = new XMLHttpRequest(); 
		else if (window.ActiveXObject)
			req  = new ActiveXObject(Microsoft.XMLHTTP); 
 
		req.onreadystatechange = function()
		{ 
			document.ajax.dyn.value="Wait server...";
			if(req.readyState == 4)
			{
				if(req.status == 200)
				{
					document.ajax.dyn.value="Received:" + req.responseText;	
				}	
				else	
				{
					document.ajax.dyn.value="Error: returned status code " + req.status + " " + req.statusText;
				}	
			} 
		}; 
		req.open("GET", "data.xml", true); 
		req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); 
		req.send(null); 
	} 
	</script>
	</head>
 
	<body>
		<FORM name="ajax" method="POST" action="">
 
  <p>
    <INPUT type="BUTTON" value="Submit"  ONCLICK="submitForm()">
  </p>
  <p>
    <input type="text" name="dyn" size="32" value="">
  </p>
</FORM>
	</body>
</html>

A l'intérieur de la fonction

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
		req.onreadystatechange = function()
		{ 
			document.ajax.dyn.value="Wait server...";
			if(req.readyState == 4)
			{
				if(req.status == 200)
				{
					document.ajax.dyn.value="Received:" + req.responseText;	
				}	
				else	
				{
					document.ajax.dyn.value="Error: returned status code " + req.status + " " + req.statusText;
				}	
			} 
		};

essaye de remplacer "req" par "this".

Le + étrange est que tu n'est pas d'erreur JS !
Es-tu sûr d'avoir activer la "notification d'erreurs de script" dans ton nav ?

A+

24/01/2007, 17h12
E.Bzz

Citation:

Envoyé par E.Bzz

Le + étrange est que tu n'est pas d'erreur JS !

Car comme c'est écrit, pour ta fonction, au moment où elle s'exécute, l'objet "req" n'existe pas ...

EDIT : d'où le "0" :mrgreen:

Oui oui c'est activé.

L'objet req, il est crée ici :

Code:

1
2
3
4
5
 
if(window.XMLHttpRequest)
  req = new XMLHttpRequest(); 
else if (window.ActiveXObject)
  req  = new ActiveXObject(Microsoft.XMLHTTP);

24/01/2007, 17h35
E.Bzz

Citation:

Envoyé par E.Bzz

Car comme c'est écrit, pour ta fonction, au moment où elle s'exécute, l'objet "req" n'existe pas ...

EDIT : d'où le "0" :mrgreen:

Tu as essayé de remplacer "req" par "this" dans la fonction ?