[AJAX] Premier script, premier bug.. j'ai besoin de vous :)

Version imprimable

Salutation!

Grâce aux différents tutoriels que j'ai pu apercevoir sur la toile et mes quelques connaissances, j'ai réalisé mon premier script ajax: "tout con", vous me direz, il marche de la façon suivante: lorsque je clique sur "cliquez-ici" ajax se lance pour rechercher une page php qui contient un simple SELECT.

Sous FireFox, pas de problème, tout fonctionne, sous explorer, c'est une autre paire de manche: le script ne se lance qu'une fois, il semblerait qu'il soit contre le fait de regénérer mon httpRequest avec le nouveau open...

Quelqu'un saurait me dire d'où ça vient?

Voici le code:

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
50
51
52
53
54
55
56
57
58
59
60
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans titre</title>
 
<script type="text/javascript" language="javascript">
 
function gestionClic(url)
{ 
 
	httpRequest = 0;
    var httpRequest; 
 
    try {  httpRequest = new ActiveXObject('Msxml2.XMLHTTP');   }
    catch (e) 
    {
        try {  	httpRequest = new ActiveXObject('Microsoft.XMLHTTP');    }
        catch (e2)
        {
          try {  httpRequest = new XMLHttpRequest();     }
          catch (e3) {  httpRequest = false;   }
        }
     }
    httpRequest.open('GET', url, true); 
    httpRequest.onreadystatechange  = function()
	{ 
	document.getElementById('tabdonnees').innerHTML = "chargement...";
 
         if(httpRequest.readyState  == 4)
         {
              if(httpRequest.status == 200)
      			{
				document.getElementById('tabdonnees').innerHTML = httpRequest.responseText;
				alert(httpRequest.responseText);
				}
			  else
				{
				document.getElementById('tabdonnees').innerHTML = "<strong>N/A</strong>";
				}
         }
    }; 
   	httpRequest.send(null); 
 
} 
 
</script>
 
</head>
 
<body>
<p>
<a href="#" onclick="gestionClic('select_identites2.php'); return false;">Cliquez ici !</a>
<div id="tabdonnees">
 
</div>
</p>
 
</body>
</html>

Et ici la page test à ouvrir avec firefox, ie7 et ie6
http://www.moovz.fr

Merci par avance.

23/06/2008, 11h09
Bovino

J'ai pourtant l'impression que ça fonctionne sous IE...
23/06/2008, 11h11
chromatia

re Bovino :)
je me suis rendu compte que l'ancien message n'était pas réellement dans la bonne catégorie!

Cela fonctionne une fois, mais si tu refais "cliquez-ici" tu remarques que sous FireFox il y a un léger "chargement en cours..." qui apparaît juste avant les données, alors que sous IE il le fait la première fois et les autres fois il ne bouge plus!

Si je rentre une nouvelle donnée dans la bdd ie ne la prendra pas en compte, la page restera figé, comme un cache qui ne se vide pas.
23/06/2008, 11h16
Bovino

C'est très court, mais sous ie je vois à chaque fois le "chargement..." puis le alert.

Citation:

je me suis rendu compte que l'ancien message n'était pas réellement dans la bonne catégorie!

Ca me rassure, un moment j'ai cru être dans le film "Un jour sans fin"...
23/06/2008, 11h22
chromatia

Chez moi impossible, sous ie6 "chargement" n'apparaît pas :s
23/06/2008, 11h26
Bovino

Et le

Code:

alert(httpRequest.responseText);

???
23/06/2008, 11h31
chromatia

je l'ai viré pour des tests...

le voilà remis
23/06/2008, 11h36
Bovino

Oui... mais il s'affiche à chaque fois ?

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
50
51
52
53
54
55
56
57
58
59
60
61
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans titre</title>
 
<script type="text/javascript" language="javascript">
 
function gestionClic(url)
{ 
 
	httpRequest = 0;
    var httpRequest; 
 
    try {  httpRequest = new ActiveXObject('Msxml2.XMLHTTP');   }
    catch (e) 
    {
        try {  	httpRequest = new ActiveXObject('Microsoft.XMLHTTP');    }
        catch (e2)
        {
          try {  httpRequest = new XMLHttpRequest();     }
          catch (e3) {  httpRequest = false;   }
        }
     }
    httpRequest.open('GET', url, true); 
    httpRequest.onreadystatechange  = function()
	{ 
	document.getElementById('chargement').innerHTML += "chargement...";
 
         if(httpRequest.readyState  == 4)
         {
              if(httpRequest.status == 200)
      			{
				document.getElementById('tabdonnees').innerHTML = httpRequest.responseText;
				alert(httpRequest.responseText);
				}
			  else
				{
				document.getElementById('tabdonnees').innerHTML = "<strong>N/A</strong>";
				}
         }
    }; 
   	httpRequest.send(null); 
 
} 
 
</script>
 
</head>
 
<body>
<p>
<a href="#" onclick="gestionClic('select_identites2.php'); return false;">Cliquez ici !</a>
<div id="chargement"></div>
<div id="tabdonnees">
 
</div>
</p>
 
</body>
</html>

Essaye avec ces changements :
-> Le message chargement... s'affiche dans une div séparée, il ne s'efface plus mais rajoute du texte à chaque requête.

Juste pour vérifier que ça fonctionne...

23/06/2008, 12h04
chromatia

c'est fait, il ajoute bien des "chargements" à chaque fois...
Mais les données ne se mettent pas à jour instantanément sous ie, il faut que je vide le cache et que j'actualise la page pour qu'il les reprenne en compte :s

Code:

1
2
3
4
5
{
				document.getElementById('tabdonnees').innerHTML ='';
				document.getElementById('tabdonnees').innerHTML = httpRequest.responseText;
				alert(httpRequest.responseText);
				}

Essaye avec ça...

23/06/2008, 12h30
chromatia

pas idiot comme tentative j'y avait pas pensé!

malheureusement c'est non :) identique :evilred:
23/06/2008, 12h39
Bovino

Pourquoi, ton php est censé te renvoyer des valeurs différents à chaque fois ?
J'avais pas compris ça... je croyais qu'il renvoyait la même chose...
On peut voir select_identites2.php ?

Bin si je n'ajoute rien dans la bdd il n'ajoute rien sur la page, mais si j'ajoute une valeur dans la base de donnée, il est sensé me mettre à jour ma liste, et il ne le fait pas sous ie:

http://moovz.fr/select_identites2.php
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 <?php header("Content-type: text/html; charset=ISO-8859-1"); include("connexion.php"); $query = mysql_query("SELECT * FROM `identites`"); while($tabidentites = mysql_fetch_assoc($query)) { $infosnom = "".$tabidentites["nom"].""; $infosprenom = "".$tabidentites["prenom"].""; echo "<b>".$infosprenom."</b> ".$infosnom."<br/ >"; } ?>

23/06/2008, 13h01
Bovino

Donc, quand tu fais tes tests, tu cliques sur ton lien, tout s'affiche, tu recliques sur ton lien et ta requête te renvoie la même chose.
Essaye dans ton php d'insérer une ligne dans ta table avant de récupérer les données...
23/06/2008, 13h16
chromatia

c'est fait,
systématiquement à présent avant de faire le SELECT il fait un INSERT.

Tu vas pouvoir entre apercevoir l'étendu du problème :)
23/06/2008, 13h21
Bovino

Désolé, mais chez moi ça marche...
Bon, c'est vrai qu'ayant ie7, je teste ie6 avec MultipleIEs dont je ne suis pas convaincu qu'il soit très efficace, mais en tout cas ça marche
23/06/2008, 14h23
Bovino
J'ai enfin installé IETester à la place de MultipleIEs et maintenant je vois mieux ton problème...
Insères :
Code:

1 2 3 header("Pragma: no-cache"); header("Expires: 0"); header("Cache-Control: no-cache, ");
dans ton fichier php et je pense que ça pourra résoudre ton problème.
23/06/2008, 14h40
chromatia

ouffffffffff on en voyait pas le bout hein?

C'était bien un problème de cache, ce qui est étrange c'est que je mettais renseigné dessus et j'avais déjà copier coller un exemple de header qui vide le cache rien n'y faisait!

Mais là ça marche!

je te remercie pour le temps que tu y as consacré Bolino.

Amicalement :)