[AJAX] Ajax et temps réel => Erreur : xhr.responseXML has no properties

**bclg** · 26/04/2006, 22h09

Salut,

j'ai une appli à faire fonctionnant en temps réel.
C'est à dire qu'il a un script coté serveur donnant les infos en continu sur environ 1 minute.

Voici comment je le simule:
script "ajaxtr.php" ... avec un sleep( ) d'une seconde pour simuler le flot de données.

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
 <?
header('Content-Type: application/xml');
 
echo  '<?xml version="1.0" encoding="ISO-8859-1"?>';
echo '<reponse>';
 
for ($n=0; $n<10;$n++)
{
    echo '<line place="'.$n.'">line '.$n.'</line>';
    flush();
    sleep(1);
}
 
echo '</reponse>';
 
?>

ce script tourne donc pendant 10 secondes.

Ensuite coté client j'ai ce script et je voudrais visualiser les infos au fur et à mesure qu'elles arrivent

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
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
 <html>
    <head>
        <title>Tutoriel Ajax (XHTML + JavaScript + XML)</title>
        <script type='text/JavaScript'>
            var xhr = null; 
 
            function getXhr(){
                if(window.XMLHttpRequest) // Firefox et autres
                   xhr = new XMLHttpRequest(); 
                else if(window.ActiveXObject){ // Internet Explorer 
                   try {
                            xhr = new ActiveXObject("Msxml2.XMLHTTP");
                        } catch (e) {
                            xhr = new ActiveXObject("Microsoft.XMLHTTP");
                        }
                }
                else { // XMLHttpRequest non supporté par le navigateur 
                   alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
                   xhr = false; 
                } 
            }
 
            // Node cleaner
            function go(c){
                if(!c.data.replace(/\s/g,''))
                    c.parentNode.removeChild(c);
            }
 
            function clean(d){
                var bal=d.getElementsByTagName('*');
 
                for(i=0;i<bal.length;i++){
                    a=bal[i].previousSibling;
                    if(a && a.nodeType==3)
                        go(a);
                    b=bal[i].nextSibling;
                    if(b && b.nodeType==3)
                        go(b);
                }
                return d;
            } 
 
            /**
            * Méthode qui sera appelée sur le click du bouton
            */
            function gophp(){
                getXhr();
                // On défini ce qu'on va faire quand on aura la réponse
                xhr.onreadystatechange = function(){
 
                    // On ne fait quelque chose que si on a tout reçu et que le serveur est ok
                    document.getElementById("etatDiv").innerHTML = "Etat: " + xhr.readyState;
 
                    if(xhr.readyState >= 3)
                    {
                        document.getElementById("textDiv").innerHTML = "*";
                        reponse = clean(xhr.responseXML.documentElement);
 
                                                document.getElementById("textDiv").innerHTML =  reponse.getElementsByTagName("line").length;
                    }
                }
                xhr.open("GET","ajaxtr.php",true);
                xhr.send(null);
 
            }
        </script>
    </head>
    <body>
        <input type='button' value='TEST TR' onclick='gophp()'><br>
         <div id="textDiv"></div>
         <div id="etatDiv"></div>
    </body>
</html>

Mais j'ai cette erreur:
Erreur : xhr.responseXML has no properties
Fichier source : http://127.0.0.1/ajax/
Ligne : 57

Normalement avec if(xhr.readyState >= 3), on devrait pouvoir commencer à afficher les infos dès qu'elles commencent à arriver ?

avez-vous une idée ?

merci

**Mr N.** · 26/04/2006, 22h36

En théorie surement mais en réalité non, tu ne peux pas obtenir la réponse tant que tu n'as pas "complete"

**siddh** · 26/04/2006, 23h03

fais le dans firefox en ayant installé firebug comme extension.

Tu pourras voir la réponse du serveur, y compris si ça vient d'un message d'erreur coté serveur

**denisC** · 27/04/2006, 13h22

Envoyé par bclg

Normalement avec if(xhr.readyState >= 3), on devrait pouvoir commencer à afficher les infos dès qu'elles commencent à arriver ?

NON, de façon sure et certaine. Ne serait-ce que parceque pour créer un arbre DOM, il faut le document complet. Tu ne peux pas afficher au fur et à mesure.

**bclg** · 27/04/2006, 14h50

C'est ce que je craignais un peu avec DOM.

J'ai essayé la solution TXT ... avec la fonction "responseText"

Script serveur:

Code :

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

1
2
3
4
5
6
7
8
9
<?
for ($n=0; $n<10;$n++)
{
    echo '<table border="1"><tr><td>'.$n.'</td><td>Description '.$n.'</td></tr></table>';
    flush();
    sleep(1);
}
 
?>

Script client

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
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
<html>
    <head>
        <title>Tutoriel Ajax (XHTML + JavaScript + XML)</title>
        <script type='text/JavaScript'>
            var xhr = null; 
 
            function getXhr(){
                if(window.XMLHttpRequest) // Firefox et autres
                   xhr = new XMLHttpRequest(); 
                else if(window.ActiveXObject){ // Internet Explorer 
                   try {
                            xhr = new ActiveXObject("Msxml2.XMLHTTP");
                        } catch (e) {
                            xhr = new ActiveXObject("Microsoft.XMLHTTP");
                        }
                }
                else { // XMLHttpRequest non supporté par le navigateur 
                   alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
                   xhr = false; 
                } 
            }
 
            /**
            * Méthode qui sera appelée sur le click du bouton
            */
            function gophp(){
                getXhr();
                // On défini ce qu'on va faire quand on aura la réponse
                xhr.onreadystatechange = function(){
 
                    // On ne fait quelque chose que si on a tout reçu et que le serveur est ok
                    document.getElementById("etatDiv").innerHTML = "Etat: " + xhr.readyState;
 
                    if(xhr.readyState >= 3)
                    {
 
                        document.getElementById("textDiv").innerHTML = xhr.responseText;
                    }
                }
                xhr.open("GET","ajax_txt_tr.php",true);
                xhr.send(null);
 
            }
        </script>
    </head>
    <body>
        <input type='button' value='TEST TR' onclick='gophp()'><br>
 
        <table border="1">
            <tr><td colspan="3">ENTETE</td></tr>
 
            <tr>
                <td valign="top">Col gauche</td>
 
                <td>
                 <div id="textDiv"></div>
                 <div id="etatDiv"></div>
                </td>
 
                <td valign="top">Col droite</td>
 
         <tr><td colspan="3">PIED</td></tr>
         </table>
    </body>
</html>

ça fonctionne bien sous FireFox (la partie centrale de ma page se crée tout doucement alors que l'entourage de la page est déjà la entete+pied+colonnes gauche et droite
( je ne veux pas d'Iframe pour faire ceci )

... mais ça ne fonctionne pas sous IE
la partie centrale arrive en 1 fois à la fin

Erreur Javascript au moment ou j'accède à "xhr.responseText" ==> "Les données nécéssaires pour terminées cette opérations ne sont pas encore disponibles"

y'a t-il une erreur dans mon code ?

faut-il que je me tourne vers une autre solution que "XMLHttpRequest" ? si oui avez vous une idée ?

merci

**siddh** · 27/04/2006, 14h58

http://fr2.php.net/manual/fr/function.flush.php

regardes les commentaires en dessous tu as des solutions pour ça

**bclg** · 27/04/2006, 15h07

tu peux préciser STP ?

lorsque je mets ceci dans le script serveur
flush();
sleep(1);
c'est pour simuler ... en réalité je n'aurai pas de sleep( )

j'ai essayé avec ceci avant le flush() , c'est pareil
echo str_pad('',4096)."\n";

**siddh** · 27/04/2006, 15h19

je peut pas te dire plus que de regarder les commentaires qu il y a en dessous sur la page que je t ai donné

y a plusieurs methodes qui te montre comment faire pour ie.

car visiblement, il attend un certain nombre de caracteres

**bclg** · 27/04/2006, 15h36

le script serveur "http://127.0.0.1/ajax/ajax_txt_tr.php" lancé seul sous IE fonctionne bien ... la page se construit petit à petit.

C'est le fait de le combiner à la fonction "responseText" de XMLHttpRequest qui ne va pas.
Je souhaitais valider la faisabilité du principe et peut-être ce n'est tout simplement pas possible.

Tous les exemples d'AJAX que j'ai pu voir ici et la fonctionnent avec les données complètement reçues. C'est à dire readyState = 4

**robian** · 30/05/2008, 15h23

Bonjour,
J'ai exactement le meme problème avec IE, le responseText est indisponible jusqu'à l'atteinte du readyState==4, j'ai essayé d'nvoyer de plus gros paquets de données (2000 caracteres) en pensant que ça pouvait etre le cache d'IE mais ça ne regle en rien le pb.
Ca marche sous Firefox par contre...
Si tu as trouvé la soluce, ça m'intéresse

Lightstreamer.com fournissent une soluce basée sur ce principe mais il on leur propre serveur...

**slylafone** · 13/10/2008, 18h07

Exactement ce que j'ai testé aujourd'hui...

Quelqu'un aurait une solution ? Elle doit bien exister puisque justement lightstreamer.com y parvient en Ajax...

[AJAX] Ajax et temps réel => Erreur : xhr.responseXML has no properties

JavaScript

Discussions similaires

Partager

Partager