[AJAX] code ajax

Version imprimable

[AJAX] code ajax

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

voila mon script :

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

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:

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); }
voila, j'espère que ça t'aidera...
bon courage :-)

24/09/2007, 16h41
denisC

Citation:

Envoyé par trazomtg

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

=> http://siddh.developpez.com/articles/ajax/#LIII