Rafraîchir une page si la page est différente

Version imprimable

28/09/2016, 16h29
2boubacar10

Rafraîchir une page si la page est différente
Bonjour, j'ai un mini-chat pour une plateforme. Les languages que j'utilise sont le PHP, l'Ajax, le jQuery et le Javascript.

J'utilise ces deux fonctions pour recharger automatiquement les pages apres 1 seconde:
Code:

1 2 3 4 5 setInterval(function() { $("#content").load("discussionShow.php"); },1000);
ça marche à merveille mais maintenant je voudrais raffraichir la page si et seulement si le contenu de la page "discussionShow.php" a changé, c'est a dire seulement lorsqu'il y'a de nouveaux message!

Merci d'avance!
01/10/2016, 13h07
sekaijin

vu que tu utilise jQuery il te faudra lire la doc jQuery car je ne sais pas quand est appelé, avec cette sur-couche, la callback de traitement de la réponse.

avec AJAX c'est XMLHttpRequest lorsque la requête est envoyé la méthode onReadyStateChange est appelé régulièrement (à chaque fois que l'état change)
dans cette méthode on a accès au statut de la réponse.

si rien n'a changé le serveur DOIT (c'est le protocole) réponde 302 found (ce qui signifie qu'il a trouvé la ressource mais ne la retourne pas)

dans la méthode onReadyStateChange on teste le status de la réponse si c'est 200 alors on appelle la calback success si c'est 4xx 5xx alors on appel la calback failed
et on peut choisir quoi faire sur un 302.

dans JQuery je ne sais pas ce qui à été choisi la méthode load crée un $.ajax avec des méthodes de calback le $.ajax lui même crée un XMLHttpRequest et implémente la méthode onReadyStateChange.

ça fait beaucoup de chose faite dans le dos du développeur.

le principe est le suivant
le client fait un XMLHttpRequest vers discussionShow.php
le serveur php recherche le contenu de la discussion
si elle n'a pas changé depuis le dernier appel il retourne le header 301
si il a change il retourne le header 200 et contenu

la méthode onReadyStateChange vérifie le status
si c'est 200 elle change le contenu de l'affichage (appel de la calback avec les paramètres nécessaire)
si c'est 301 elle ne fait rien.

A+JYT

petite precision : l'ajax permet justement de faire des traitements sans raffraichir une page....

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
function getLastMessages() {
  $.ajax({
    dataType: 'json',//serait ideal ;)
    timeout:5000,//si tu veux
    url:'ta/page/qui/verifie/les/nouveaux/messages.php',
    success:function(data){
      //theoriquement, retournerai tous les nouveaux messages
      //boucler pour tous les ajouter a la suite de la discussion
      une_fonction_qui_ajoute_un_message(data.message);
    },
    error:function(data) {
      //afficher un message en fonction de l'erreur
    }
  });
  setTimeout(getLastMessages, 1000);
}
getLastMessages();

03/10/2016, 16h51
sekaijin

@Doksuri c'est ce qu'il fait
il change que le contenu de #content

Code:

$("#content").load("discussionShow.php");

la question est load change-t-il le contenu de content à chaque fois ou seulement si les données chargées on changées ?

A+JYT