[AJAX] ajax ou majax le magicien ?

Version imprimable

un phénomène interessant mais que je ne m'explique pas...
tout fonctionne si je fais :

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
 function submitForm(){
        var req = null; 
        if(window.XMLHttpRequest) //firefox
            req = new XMLHttpRequest(); 
        else if (window.ActiveXObject) //IE
            req  = new ActiveXObject(Microsoft.XMLHTTP); 
 
        req.onreadystatechange = function(){ 
 
            if(req.readyState == 4)
            {
                if(req.status == 200)
                {
                    alert(req.responseText)
                }    
                else    
                {    
                    alert("error")
                }    
            } 
        }; 
 
        req.open("GET", "foo.php", true); 
        document.write("test<br>"); 
        req.send(null);
 
    }

mais rien ne va plus si à la fin j'inverse :

Code:

1
2
req.send(null);
document.write("Started...<br>");

j'avais mis le document.write juste pour tester mon script, mais voilà que si il se trouve après l'envoi (req.send(null)), ça ne fonctionne plus! Pourtant je ne vois pas en quoi il est essentiel au script!

merci d'avance pour vos conseils eclairés

julien

18/04/2006, 16h34
denisC

Citation:

Envoyé par julien.63

j'avais mis le document.write juste pour tester mon script, mais voilà que si il se trouve après l'envoi (req.send(null)), ça ne fonctionne plus! Pourtant je ne vois pas en quoi il est essentiel au script!

document.write = caca.

A eviter absoluement, ça fait des trucs pas nets.

Dans ton cas, je suppose que ça fait des changements au document, qui font perdre l'objet XHR au navigateur.... Enfin, quelque chose comme ça.

La seule conclusion, ne pas utiliser de document.write.
18/04/2006, 16h40
julien.63

Oui j'aimerai bien m'en passer, mais si je le supprime de ma fonction elle ne marche plus ! c'est ça que je trouve bizarre.
Le reste de ma page est des plus simples. C'est un simple formulaire. Il n' y pas de javascript.
Pourquoi quand j'efface ce "document.write" ou que je le mets après le "send", ça ne fonctionne plus?
Julien
18/04/2006, 16h51
javatwister

à mon avis, ton système est mal conçu: vérifie le gestionnaire d'événement et, si possible, dis-nous ce que tu veux obtenir comme résultat;
18/04/2006, 16h57
julien.63

Je veux juste que req.responseText contienne ce que renvoie ma page foo.php. Pour l'instant c'est un simpe echo sans aucun accès à une bdd.

Qu'est ce que tu appelles le gestionnaire d'événements?

Julien
18/04/2006, 16h59
javatwister

le formulaire, stp?

voici même toute la page.

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
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="file:///C|/Program%20Files/EasyPHP1-8/www/DEV_HTML/ajax/class.css">
<script language="JavaScript">
    function submitForm(){
        var req = null; 
 
        if(window.XMLHttpRequest) //firefox
            req = new XMLHttpRequest(); 
        else if (window.ActiveXObject) //IE
            req  = new ActiveXObject(Microsoft.XMLHTTP); 
 
        req.onreadystatechange = function(){ 
            if(req.readyState == 4)
            {
                if(req.status == 200)
                {
                    alert(req.responseText)
                }    
                else    
                {    
                    alert("error")
                }    
            } 
        }; 
 
        req.open("GET", "foo.php", true); 
        document.write("test<br>"); 
        req.send(null);        
    } 
    </script>
 
<title>AJAX TEST</title>
</head>
 
<body>
<p>
<form action="" method="post" name="formulaire" onSubmit="submitForm()">
<input class="myclass" value="afficher" type="submit">
</form>
</p>
<P>
<div name="calque"></div>
</P>
</body>
</html>

julien
ps: ça m'interesse de savoir ce que c'est le gestionnaire d'evenements, ça pourra surement m'aider pour ce problème ou d'autres à venir.

18/04/2006, 17h25
denisC

Citation:

Envoyé par julien.63

voici même toute la page.

Tout ça, c'est bien sur un serveur web? Ta page php appellée, elle marche si tu l'appelles toute seule?
18/04/2006, 17h30
julien.63

oui c'est bien sur un serveur web, c'est promis ;)

http://striweb.si.edu/databases/file...admin/ajax.php
18/04/2006, 20h11
javatwister

si ta fonction ne retourne pas false, le formulaire sera soumis par la voie classique, à mon avis;
18/04/2006, 20h18
julien.63

je suis désolé, mais c'est pas très clair.

Comment savoir si la fonction retourne false?

C'est quoi la voie classique? Quand on soumet directement le formulaire sans fonction javascript et qu'on recharge la page?

julien
18/04/2006, 21h57
javatwister

Citation:

Envoyé par julien.63

Quand on soumet directement le formulaire sans fonction javascript et qu'on recharge la page?

oui, précisément;
tu auras compris que ce que tu nommes "ajax" envoie (éventuellement) des données au serveur et en récupère (éventuellement) sans que l'uri en cours ne change; eh bien si ton formulaire retourne "true" - valeur par défaut -, ce système est courtcircuité;

bref, place return false en fin de fonction et voie si ça change quelque chose;
18/04/2006, 22h15
julien.63

bah, non ça ne change rien.
Mais c'est vrai qu'à bien y regarder, j'ai l'icone de chargement de mozilla qui tourne comme quand une page se charge (d'ailleurs elle ne s'arrête pas comme si elle attendait des données). Pourtant mon url ne change pas et j'ai bien les données qui s'affiche venant de ma page foo.php.
18/04/2006, 23h08
Info-Rital

Ca n'a pas un rapport avec ce bug de Mozilla/Firefox : http://www.quirksmode.org/blog/archi...notes_a_1.html ?

Car en faite moi aussi j'ai eu un problème du genre. Si j'enlevais l'alert() ou l'écriture dans un div, avant d'envoyer les données avec send(), ça ne fonctionnait pas.
Par contre si je laissais une action avant, ça fonctionnait.
19/04/2006, 09h22
denisC
Citation:

Envoyé par julien.63

bah, non ça ne change rien.

J'ai repris tes pages et fait de très légeres modifs, et ça marche sous IE/FFX/Opera:
http://dcabasson.developpez.com/test/testXHRMoz.html

J'ai viré le document.write, déplacé le return false et rajouté un MIME-TYPE pour foo.php:
Code:

1 2 3 4 5 <?php header('Content-type','text/plain'); echo 'julien test ajax et php'; ?>
Si ça marche chez toi, c'est qu'un de ces 3 points devait bloquer la chose. Probablement le document.write :)

PS: dernière modification, j'ai changé l'instanciation de XHR sous IE, parceque ça ne marchait pas chez moi...
22/04/2006, 00h21
julien.63

merci,
j'ai récupéré le code source de ta page et fait les modifs dans le fichier foo.php.

a moi maintenant de compliqué un peu l'affaire pour afficher autre chose qu'une pauvre petite alert...

A+
julien