actualiser une Div par ajax lors d'un changement coté serveur

**dajij** · 06/03/2008, 10h24

Salut à tous ,
Ce que je veux faire est simple à expliquer :

J'utilise pour l'instant ce code AJAX :

Code :

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
 <script>
function refresh_div()
{
var xhr_object = null;
if(window.XMLHttpRequest)
{ // Firefox
xhr_object = new XMLHttpRequest();
}
else if(window.ActiveXObject)
{ // Internet Explorer
xhr_object = new ActiveXObject('Microsoft.XMLHTTP');
}
var method = 'POST';
var filename = 'affichage.php';
xhr_object.open(method, filename, true);
xhr_object.onreadystatechange = function()
{
if(xhr_object.readyState == 4)
{
var tmp = xhr_object.responseText;
document.getElementById('mon_div').innerHTML = tmp;
}
}
xhr_object.send(null);
setTimeout('refresh_div()', 5000);
}
</script>

Qui affiche la page dans cette DIV :

Code :

Code html :

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

1
2
3
4
5
 <body onload='refresh_div();'>
<div id='mon_div'>
</div> 
 
</body>

Ma page de traitement qui affiche les messages s'appelle : affichage.php
C'est juste une page qui liste une base de données

Cela fonctionne tres bien

Alors , ce que je veux faire , c'est d'actualiser mon DIV , que si il y a un nouveau message dans la base de données car avec mon exemple , la div est actualisé toutes les 5 secondes et sans interruption .

Pour ce faire , je choisis par exemple de compter le nombre d'enregistrement , et d'actualiser la DIV que si le nombre d'enregistrement à changé .
Pour l'exemple , soit $nb_lignes le nombre d'enregistrement
actualiser une Div san au x second son chargement du page ca se que je veux
Quelqu'un a une idée .
Merci de m'aider

**marts** · 07/03/2008, 02h47

Envoyé par dajij

actualiser une Div san au x second son chargement du page ca se que je veux

???

j'ai compris quand même !

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
 
<script>
function refresh_div()
{
var xhr_object = null;
if(window.XMLHttpRequest)
{ // Firefox
xhr_object = new XMLHttpRequest();
}
else if(window.ActiveXObject)
{ // Internet Explorer
xhr_object = new ActiveXObject('Microsoft.XMLHTTP');
}
var method = 'POST';
var filename = 'affichage.php';
xhr_object.open(method, filename, true);
xhr_object.onreadystatechange = function()
{
if(xhr_object.readyState == 4)
{
var tmp = xhr_object.responseText;
document.getElementById('mon_div').innerHTML = tmp;
refresh_div();
}
}
xhr_object.send(null);
}
</script>

et ta page php ne renvoit rien tant qu'il n'y a pas eu de changement (une fonction qui tourne en boucle).

**Will Fou** · 19/08/2008, 16h09

J'ai une petite question à propos de ce code qui m'a beaucoup aidé : Je veux m'en servir pour un chat (enfin plutot un Instant Messenger en fait) ainsi que pour actualiser certaines infos du site en temps réel.

Admettons qu'il y ait 300 connectés sur le site, cela ne risque de faire ramer le site si 300 personnes envoient en permanence un minimum de 2 requêtes en permanence ? Cela joue-t-il également sur le trafic généré (j'ai le droit à 600Go mensuel de trafic en mutualisé) ?

**Matthieu2000** · 19/08/2008, 18h17

faite deux services
un qui donne la date de maj
un autre pour le service normal!

actualiser une Div par ajax lors d'un changement coté serveur

JavaScript

Vue hybride

Discussions similaires

Partager

Partager