[AJAX] XMLHttpRequest et Inclusion de PHP

**xxkirastarothxx** · 05/12/2008, 14h10

Bonjour a tous.
je suis en train de faire un piti script ajax (avec le très peu de connaissance que j'ai dans ce domaine actuellement) afin d'inclure une page php dans mon index, pour pouvoir ne rafraichir que la partie inclue par l'ajax, sans actualiser 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
<html>
	<head>
		<script type="text/javascript">
			function message()
			{
			var xhr_object = null; 
			if(window.XMLHttpRequest) // Firefox 
			   xhr_object = new XMLHttpRequest(); 
			else if(window.ActiveXObject) // IE
			   xhr_object = new ActiveXObject("Microsoft.XMLHTTP"); 
			else { // non supporté
			   alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
			   return; 
			} 
			xhr_object.open("GET", "chat.php", true); 
			xhr_object.onreadystatechange = function() { 
			if(xhr_object.readyState == 4) document.getElementById( 'message' ).innerHTML = xhr_object.responseText; 
			} 	 
			xhr_object.send(null);
			}
			function refresh()
			{
				message();
				setTimeout(refresh, 2000);
			}
		</script>
	</head>
	<body onload='javascript:message()'>
		<div id='message'></div>
		<script type="text/javascript">
            refresh();
        </script>
	</body>
</html>

Ca marche nickel comme je veux... enfin... sous Firefox :S
Par-ce que pour IE, le refresh ne fonctionne pas.
même en rafraichissant manuelement (F5 ou ctrl+F5) ça ne marche pas, je suis obligé de supprimer les fichiers temporaires pour que la mise à jour du fichier (chat.php) soit prise en compte.
Quelqu'un aurait il une idée du pourquoi du comment, et surtout un moyen de parer ce problème.
Merci d'avance

**Bovino** · 05/12/2008, 14h17

C'est un problème récurrent, tu appelles toujours la même page, donc IE utilise celle qui se trouve en cache. Pour parer à cela, il faut ajouter un paramètre à ta page (ex : nombre aléatoire ou timestamp) pour forcer IE à aller chercher sur le serveur.

**xxkirastarothxx** · 05/12/2008, 14h30

Vui ça marche déjà mieux:
j'ai modifier la ligne d'inclusion par:

Code :

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

xhr_object.open("GET", "chat.php<?php echo time();?>", true);

Maintenant quand j'appuye sur F5, ça fonctionne, plus besoin de vider les fichiers temporaire, mais la fonction refresh() ne fonctionne toujours pas, je dois encore presser F5 pour voir les mises a jours

Merci déjà

Une idée pour la suite ?

**Bovino** · 05/12/2008, 14h47

Oui, si tu mets le timestamp coté serveur, tant que tu restes sur la page (ce qui est le but d'Ajax : pas de rechargement) c'est encore la même url qui est appelée... donc retour au problème de cache !
Essaye :

Code :

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

1
2
var time_stamp = new Date();
xhr_object.open("GET", "chat.php?"+time_stamp, true);

**xxkirastarothxx** · 05/12/2008, 15h05

Envoyé par Bovino

Oui, si tu mets le timestamp coté serveur

Pfff... bah ouais j'suis con.
Bah écoute merci beaucoup ça fonctionne niquel grâce à toi

A une prochaine

Résolu.

[AJAX] XMLHttpRequest et Inclusion de PHP

JavaScript

Discussions similaires

Partager

Partager