[AJAX] code ajax

**trazomtg** · 22/09/2007, 20h14

Bonjour,
je viens de me mettre à Ajax et j'ai un pb que je n'arrive pas à résoudre

voila mon script :

Code html :

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
	<title>exemple 1</title>
</head>
<body>
 
<script type="text/javascript" src="/home/Ajax/ajax1.js"></script>
 
<p>
<a href="javascript:ajax();">Cliquez-moi !</a>
</p>
 
</body>
</html>
 
et voici le code java associé
 
unction ajax()
{
    var xhr=null;
 
    if (window.XMLHttpRequest) { 
        xhr = new XMLHttpRequest();
    }
    else if (window.ActiveXObject) 
    {
        xhr = new ActiveXObject("Microsoft.XMLHTTP");
    }
    //on appelle le fichier reponse.txt
    xhr.open("GET", "http://home/Ajax/reponse.txt", false);
    xhr.send(null);
 
    alert(xhr.responseText);

et ca ne marche pas !!
je cherche depuis hier je ne vois pas!!

**jeje13009** · 23/09/2007, 03h42

salut,

c'est la première fois que je vois une déclaration de classe tel que tu le fais... je n'en mettrais pas ma main à couper, mais ce pourrait être une première raison de disfonctionnement...
autre chose, tu n'as pas de fonction callback... tout du moins, pas correctement codée et appelée. Je m'explique. Ton "alert(xhr.responseText);" semble être ta fonction callback, or si elle est appelée trop tôt, rien ne se passera...

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
 
function Requete(){ //définition de la classe
	try{ return new ActiveXObject("Microsoft.XMLHTTP");}
	catch(e){
		try{ return new ActiveXObject("Msxml2.XMLHTTP");}
		catch(e){
			try{ return new XMLHttpRequest();}
			catch(e){ return false;}
			}
		}
	}
 
function ajax(){
	var xhr= false;
	var xhr= new Requete();
 
	xhr.onreadystatechange = function(){ //fonction callback
		if(xhr.readyState == 4){ //le stade 4 signifie que la réponse à ta requête est arrivée
			if(xhr.status == 200){ //status 200 = OK
				}
			}
		}
 
	xhr.open('GET','le_fichier_que_tu_appelles',true); //true pour le mode asynchrone
	xhr.send(null);
	}