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

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

ca :

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

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

Discussions similaires

Partager

Partager