2012-04-03 4 views
1

Quelqu'un peut me donner une direction, je veux savoir comment faire des pages de mise à jour automatique comme Facebook ont ​​de nouvelles mises à jour de statut, de nouveaux goûts, etc .. si vous avez un statut ouvert dans une fenêtre et un utilisateur cliquez sur "like" , le +1 apparait automatiquement.Javascript page de mise à jour automatique?

Merci d'avance.

+0

Votre question est vraiment vague ... En général, vous pouvez utiliser un modèle de médiateur en javascript pour publier des événements et vous abonner à eux. Ensuite, utilisez ajax pour récupérer le nouveau contenu et javascript pour mettre à jour le DOM. –

Répondre

3

Elles sont effectuées à l'aide d'un modèle PUSH (abonnement/publication).

Le côté client s'abonne d'abord en émettant une requête AJAX. Cette requête AJAX reste indéfiniment en vie. Lorsque le serveur reçoit un nouveau/like, il publie cette mise à jour côté client, mettant ainsi fin à la requête AJAX. Le client reçoit cette mise à jour et émet immédiatement une autre requête AJAX. Il est généralement catégorisé Comet. Une fois auparavant, j'avais mis en place une application de chat en ligne Comet et j'avais écrit un compte-rendu quelque peu technique de ce qui s'y rapportait. Vous pouvez le lire ici, si vous êtes intéressé.

Comet Web Chat Application

Edit:

Un mécanisme de rythme cardiaque (modèle PULL) est certainement plus facile à mettre en œuvre, mais un modèle de PUSH est beaucoup plus efficace.

+0

+1 pour la référence Comet! –

+0

Pour une implémentation facile, consultez SignalR dans .net ou socket.io avec à peu près tout le reste! –

+0

Et les websockets valent probablement la peine d'être vérifiées aussi. –

0

Vous aurez besoin d'utiliser ajax, qui est un moyen de communiquer avec la base de données sans recharger la page web: vous pouvez par exemple utiliser le $ ajax fonction du framework jQuery: here's the doc

0

im pas de code affichage, mais voici un rapide aperçu de ce que vous pourriez vouloir faire:

  1. ont le « comme » l'image
  2. créer un script qui lie un gestionnaire de clic sur l'image.
  3. Une fois cliqué, le script envoie une requête AJAX au serveur pour incrémenter le
  4. si cette requête réussit, renvoyer les données au script indiquant qu'il a réussi. vous pourriez aussi vouloir retourner le nombre de goûts et ainsi de suite.
  5. une fois que le script connaît le succès, demandez-lui de changer votre image "j'aime".

comme pour compter les goûts, eh bien, c'est à vous. pour une question très large, voici une réponse large qui vous indiquera le bon chemin.

Questions connexes