[AJAX] ajax ou majax le magicien ?

**julien.63** · 18/04/2006, 16h09

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

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

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

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

**denisC** · 18/04/2006, 16h34

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.

**julien.63** · 18/04/2006, 16h40

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

**javatwister** · 18/04/2006, 16h51

à 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;

**julien.63** · 18/04/2006, 16h57

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

**javatwister** · 18/04/2006, 16h59

le formulaire, stp?

**julien.63** · 18/04/2006, 17h05

voici même toute la page.

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

**denisC** · 18/04/2006, 17h25

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?

**julien.63** · 18/04/2006, 17h30

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

http://striweb.si.edu/databases/file...admin/ajax.php

**javatwister** · 18/04/2006, 20h11

si ta fonction ne retourne pas false, le formulaire sera soumis par la voie classique, à mon avis;

**julien.63** · 18/04/2006, 20h18

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

**javatwister** · 18/04/2006, 21h57

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;

**julien.63** · 18/04/2006, 22h15

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.

**Info-Rital** · 18/04/2006, 23h08

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.

**denisC** · 19/04/2006, 09h22

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 :

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

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

**julien.63** · 22/04/2006, 00h21

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

[AJAX] ajax ou majax le magicien ?

JavaScript

Discussions similaires

Partager

Partager