[AJAX] Ajax EasyPHP

**schnito** · 24/01/2007, 12h06

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 :

S�lectionner tout - Visualiser dans une fen�tre � part

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.

@+.

**E.Bzz** · 24/01/2007, 12h11

Bonjour,

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+

**schnito** · 24/01/2007, 14h52

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.

**E.Bzz** · 24/01/2007, 15h59

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 ?

**schnito** · 24/01/2007, 16h26

tain mais je comprends pas ...

**E.Bzz** · 24/01/2007, 16h36

Envoy� par schnito

tain mais je comprends pas ...

Quoi donc ?

**E.Bzz** · 24/01/2007, 16h40

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+

**schnito** · 24/01/2007, 16h45

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�

**E.Bzz** · 24/01/2007, 16h52

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+

**schnito** · 24/01/2007, 17h05

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

Voici le code.

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
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>

**E.Bzz** · 24/01/2007, 17h08

A l'int�rieur de la fonction

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
		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+

**E.Bzz** · 24/01/2007, 17h12

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"

**schnito** · 24/01/2007, 17h20

Oui oui c'est activ�.

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

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

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

**E.Bzz** · 24/01/2007, 17h35

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"

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

[AJAX] Ajax EasyPHP

JavaScript

Vue hybride

Discussions similaires

Partager

Partager