[AJAX] Mon premier test avec Ajax : échec

**Nasky** · 27/05/2007, 23h29

Bonjour

J'ai fait une page très simple pour mon premier test avec Ajax.
La voilà :

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
<html>
<head> <title> Ajax power </title> </head>
 
<body>
 
<script language="Javascript">
 
<!--
 
var xhr_object = null ;
 
window.document.write('Bienvenue');
 
if(window.XMLHttpRequest) // firefox
{
	xhr_object = new XMLHttpRequest();
}
else if (window.ActiveXObject)
{
	xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
}
else
{
	alert("Ajax not supported");
	return ;
}
 
xhr_object.open("GET","http://mnasrawin.free.fr/index.php", true);
 
xhr_object.onreadystatechange = function() {
	if(xhr_object.readyState == 1) window.document.write("Loading...");
	else window.document.write(xhr_object.responseText);
}
 
xhr_object.send(null);
 
// -->
 
</script>
 
</body>
</html>

Etrangement, le premier write() (qui affiche "Bienvenue") ne s'exécute pas si je mets le code qui le suit. Si je le mets tout seul, ça marche... Bon déjà, je ne comprends pas.
Ensuite, le problème avec cette page, c'est que RIEN ne s'affiche, j'ai une page blanche seulement ... C'est pas supposé m'afficher au moins "Loading..." ?
Merci

Nas'

**Ikonic** · 28/05/2007, 00h38

salut,

es-tu allé voir ce tutoriel : Web 2.0, allez plus loin avec AJAX et XMLHttpRequest

tu te rendras dès lors compte de la mauvaise structure de ta requête...

**Nasky** · 28/05/2007, 00h51

Salut

Merci pour ta réponse mais je ne vois pas ce qui qui est mauvais dans mon code

J'ai lu le premier exemple du tuto et à part le fait que je ne sépare pas mon code en fonctions, c'est le même, non ?

Nas'

**Ikonic** · 28/05/2007, 01h13

Premièrement Bienvenue ne s'affiche pas car il y a une erreur dans la suite de ton javascript...
Plus précisément ici : return;
Mets à la place xhr_object = false;

Ensuite il faut que tu définisses ton readyonstate avant ton lancement de requête, soit

Code :

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

1
2
3
4
5
xhr_object.onreadystatechange = function() {
	if(xhr_object.readyState == 1) window.document.write("Loading...");
	else window.document.write(xhr_object.responseText);
}
xhr_object.open("GET","http://mnasrawin.free.fr/index.php", true);

**Nasky** · 28/05/2007, 01h24

Merci ça marche

. En fait, j'avais testé en définissant le readyState avant et ça ne fonctionnait pas. C'est donc le return qui causait le problème mais ça veut dire qu'aucun objet xhr_object n'est crée ? Parce que ça veut dire que le code passait dans le "else"...
Enfin ça marche maintenant Merci

Nase'

[AJAX] Mon premier test avec Ajax : échec

JavaScript

Discussions similaires

Partager

Partager