[AJAX] http.readyState différent de 4 ?

**samtheh** · 27/09/2007, 16h30

Bonjour à tous,

J'ai un problème avec l'état du retour serveur, il est constant à 1...je ne comprend pas pourquoi.

Voici mon script :

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
74
75
76
77
78
79
80
81
82
83
 
<script language="javascript">
 
var http; // Notre objet XMLHttpRequest
var affichage=0;
var passage;
 
function createRequestObject()
{
        var http;
    if(window.XMLHttpRequest)
    { // Mozilla, Safari, ...
        http = new XMLHttpRequest();
    }
    else if(window.ActiveXObject)
    { // Internet Explorer
        http = new ActiveXObject("Microsoft.XMLHTTP");
    }
    else { 
	// XMLHttpRequest non supporté par le navigateur
        alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
        return;
    }
    return http;
}
 
function gestionClic1(id_news_clique)
{
 
    if(affichage==0)
    {
 
       if(passage!=1)
       {
         var newsDIV = document.createElement( 'div' );	
 
         newsDIV.setAttribute("id", "news");
	 var elementId = 'lien_news_'+id_news_clique;
         document.getElementById(elementId).appendChild(newsDIV);
	 passage=1;
       }
 
 
 
       document.getElementById("news").innerHTML = '<em>Chargement...</em>';
       http = createRequestObject();
 
       var chemin_open = './scripts/news-ajax.php?id='+id_news_clique;
 
       http.open('get',chemin_open , true);
       http.onreadystatechange = handleAJAXReturn1();
 
       http.send(null);
 
       document.getElementById('news').style.visibility="visible";  
 
       affichage=1;
    }
    else if(affichage==1)
    {
       document.getElementById('news').innerHTML = '';
       document.getElementById('news').style.visibility="hidden";
 
       affichage=0;
    }
}
 
function handleAJAXReturn1()
{
    alert(http.readyState);
    if(http.readyState == 4)
    {
        if(http.status == 200)
        {
            document.getElementById('news').innerHTML = http.responseText;
        }
        else
        {
            document.getElementById('news').innerHTML = "<strong>N/A</strong>";
        }
    }
}
</script>

Merci de votre aide et vos réponses !!

**denisC** · 27/09/2007, 16h46

Envoyé par samtheh

Bonjour à tous,

J'ai un problème avec l'état du retour serveur, il est constant à 1...je ne comprend pas pourquoi.

Tu as essayé de taper l'adresse à la main dans la barre de navigation?

Tu utilises quel navigateur pour tes tests?

**samtheh** · 27/09/2007, 16h49

Oui cela fonctionne si je tape l'adresse directement.
J'utilise firefox.

Le script est correct ?

**denisC** · 27/09/2007, 16h55

Envoyé par samtheh

Le script est correct ?

Il a l'air correct.

Essaye d'intervertir l'affectation de onreadystatechange et le open. A part ça, je ne vois pas pourquoi il ne voudrait pas marcher.

Essaye un escape de l,Argument ajouté dans l'url.

Vérifie l'URL construite avec un alert au bon endroit.

**samtheh** · 27/09/2007, 17h07

L'intervertion me renvoit 0 pour l'etat du retour serveur.

L'alert de l'url fait apparaitre la bonne adresse.

Escape ? Je ne comprend pas ?

**denisC** · 27/09/2007, 17h22

Envoyé par samtheh

L'intervertion me renvoit 0 pour l'etat du retour serveur.

Et enlevant l'alert de la fonction de callback?

Envoyé par samtheh

Escape ? Je ne comprend pas ?

http://www.w3schools.com/jsref/jsref_escape.asp

**samtheh** · 27/09/2007, 17h26

en enlevant la fonction alert : cela ne change rien
en rajoutant la fonction escape : cela ne change rien

l'argument passé est un nombre...

**samtheh** · 27/09/2007, 17h31

Ok j'ai trouvé le problème...lors de mon appel

Code :

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

handleAJAXReturn1

Je notais

Code :

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

handleAJAXReturn1()

ce qui ne marchait pas.

Par contre j'ai un autre soucis :
j'ai une liste de liens et quand je clique sur un lien cela me fais apparaitre du contenu en dessous. Le problème c'est que les données s'inserent toujours au meme endroit.

Exemple :

lien 1
lien 2
lien 3

action : clique sur lien 2

lien 1
lien 2
contenu lien 2
lien 3

action : clique sur lien 2

lien 1
lien 2
lien 3

action : clique sur lien 3

lien 1
lien 2
contenu lien 3
lien 3

Comment faire pour re-actualiser cela ?
J'ai essayé en passant un argument à la fonction handleAJAXReturn1 mais cela ne fonctionne pas....

**samtheh** · 27/09/2007, 17h39

Début de réponse :

J'ai passé une var globale avec le contenu de l'id.
Mais il me reste un problème.

action : clique sur lien 2

lien 1
lien 2
contenu 2
lien 3

action : clique sur lien 2

lien 1
lien 2
lien 3

action : clique sur lien 3
==> rechargement de la page..... ????????

Etat actuel de mon script :

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
74
75
76
77
78
79
80
81
82
 
<script language="javascript">
 
var http; // Notre objet XMLHttpRequest
var affichage=0;
var passage;
var id;
 
function createRequestObject()
{
        var http;
    if(window.XMLHttpRequest)
    { // Mozilla, Safari, ...
        http = new XMLHttpRequest();
    }
    else if(window.ActiveXObject)
    { // Internet Explorer
        http = new ActiveXObject("Microsoft.XMLHTTP");
    }
    else { 
	// XMLHttpRequest non supporté par le navigateur
        alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
        return;
    }
    return http;
}
 
function gestionClic1(id_news_clique)
{
    id = id_news_clique;
 
    if(affichage==0)
    {
 
       if(passage!=1)
       {
         var newsDIV = document.createElement( 'div' );	
 
         newsDIV.setAttribute("id", "news_"+id);
	 var elementId = 'lien_news_'+id_news_clique;
         document.getElementById(elementId).appendChild(newsDIV);
	 passage=1;
       }
 
 
 
       document.getElementById("news_"+id).innerHTML = '<em>Chargement...</em>';
       http = createRequestObject();
 
       var chemin_open = 'http://edelweiss05.free.fr/scripts/news-ajax.php?id='+escape(id_news_clique);
 
       http.open('get',chemin_open , true);
       http.onreadystatechange = handleAJAXReturn1;
 
       http.send(null);
 
       document.getElementById("news_"+id).style.visibility="visible";  
 
       affichage=1;
    }
    else if(affichage==1)
    {
       document.getElementById("news_"+id).innerHTML = '';
       document.getElementById("news_"+id).style.visibility="hidden";
 
       affichage=0;
    }
}
 
function handleAJAXReturn1()
{
 
    if(http.readyState == 4 && http.status == 200)
    {     
            document.getElementById("news_"+id).innerHTML = http.responseText;
    }
    else
    {
            document.getElementById("news_"+id).innerHTML = "<strong>N/A</strong>";
    }
}
</script>

**jeje13009** · 27/09/2007, 18h35

slt,

chaque lien et chaque contenu est placé dans un div de sorte que tu aies :
<div id=lien1>
<div id=con1>
<div id=lien2>
<div id=con2>
<div id=lien3>
<div id=con3>

au chargement initial de la page tu mets le visibility de con1, con2 et con3 a hidden.

ensuite il faut gérer l'état de chacun d'entre eux en fonction du lien sur lequel tu cliques..

càd :
si tu cliques sur lien1, tu veux que con2 et con3 soit masqué et que con1 apparaisse... et ainsi de suite...

je te laisse un peu creuser pour trouver le code

sinon tu peux suivre le lien qu'il y a dans ma signature

**samtheh** · 27/09/2007, 20h36

L'idée était de garder le tout en Ajax pour eviter un chargement d'information trop lourd au lancement de la page.

Cela fonctionne si je fais cela :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
//if(passage!=1)
       //{
         var newsDIV = document.createElement( 'div' );	
 
         newsDIV.setAttribute("id", "news_"+id);
 
 
         document.getElementById(elementId).appendChild(newsDIV);
 
	// passage=1;
       //}

Je fais sauter la condition sur ma variable. Et si je re-clique sur le lien je fais cela : (rien n'a changé)

Code :

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

1
2
3
 
document.getElementById("news_"+id).innerHTML = '';
document.getElementById("news_"+id).style.visibility="hidden";

je me pose donc la question est ce que les div se crée à l'infini ?
Ne peut-il pas y avoir un problème à force ?

Et j'ai un problème sous IE, il me recharge la page et reviens à l'index du site.
Comment faire ?

Merci pour vos réponses et votre aide.

**jeje13009** · 28/09/2007, 22h17

slt,

en même temps il n'y a pas besoin d'ajax pour ça... un simple code javascript gérant le display block/none (et non le visibility, désolé) des différentes div et le tour est joué...

suis le lien et regarde le code source (section "Gestion des menus")

**samtheh** · 29/09/2007, 12h31

seulement si je joue uniquement avec le javascript hidden/visible je dois charger toutes mes informations au démrage.

Ce n'était pas l'idée du départ.
Personne n'a une idée pour mon problème ajax ?

Merci de votre aide.

[AJAX] http.readyState différent de 4 ?

JavaScript

Discussions similaires

Partager

Partager