Affichage RSS en temps réel sur la page Web (meilleures pratiques et codes sources)

Question

J'ai un script php qui analyse un rss et me donne les données dans un schéma connu. Im très nouveau avec ASP, JavaScript et Jquery donc je n'ai pas la moindre idée de comment le script et mises à jour automatiques afficher les nouvelles données avec une animation fluide (voir this exemple, exactement ce que je veux). Merci pour le support et si vous connaissez un bon script pour faire ceci je l'apprécierai.

Answer 1

On dirait que vous cherchez ceci:

http://leftlogic.com/lounge/articles/jquery_spy2/

Il est PHP (pas ASP), de sorte que pourrait être un problème, bien que le code est super facile à mettre en œuvre (je l'ai écrit par propre mise en œuvre à trois occasions distinctes).

Le site lui-même a une documentation décent sur faire avancer les choses et en cours d'exécution, mais si vous avez besoin d'aide supplémentaire, commentaire et je vais vous orienter dans la bonne direction :)

Bonne chance!

Answer 2

Il semble que le script de cette page d'exemple ait une requête Ajax exécutée toutes les secondes TOT.

Vous pourriez simplement avoir votre script PHP retourner les données RSS (au format JSON disons) et laisser JavaScript l'analyser et générer du HTML avec lui.

Si tout cela n'a pas de sens pour vous, je vous conseille de lire un peu sur JavaScript et PHP ... il y a plein de bons livres.

Answer 3

Les ressources que les personnes ont liées ici sont utiles et le simple fait de mentionner jQuery signifie que vous vous dirigez probablement dans la bonne direction. Mais si vous êtes nouveau à ce sujet, il peut être utile de mentionner quelques-uns des concepts avec lesquels vous allez jouer ici. Tout d'abord, vous voudrez probablement rester avec une langue côté client et une autre côté serveur. Cela signifie choisir PHP ou ASP - ce n'est pas clair à partir de votre question, mais je suppose que vous traitez avec PHP puisque c'est le langage que j'utilise pour ce genre de chose. JavaScript + jQuery est le bon choix pour le navigateur (client). Comme Luca le fait remarquer, vous devrez mettre en place du code JavaScript qui sera lancé lors du chargement de la page et "interrogera" le serveur à intervalles réguliers. En JavaScript vous faites cela en utilisant quelque chose appelé XMLHttpRequest (ou "XHR") et c'est assez compliqué. Vous pouvez utiliser une combinaison de jQuery et une bibliothèque comme celle pointée par Matt dans sa réponse, ou juste jQuery - le code de l'échantillon abonde mais c'est essentiellement une boucle avec un appel de fonction et une minuterie de veille.

Cet appel de fonction va être l'une des parties les plus difficiles si vous essayez d'émuler le site Twitter Coupe du monde. Mais voici l'idée de base: Vous devez remplir une liste en utilisant jQuery et un standard de données comme JSON. Puisque le flux RSS que vous allez analyser est écrit en XML, vous devrez écrire un script côté serveur (PHP/ASP) qui récupère, analyse et convertit le flux en JSON. En PHP, cela se fait mieux via cURL (file_get_contents() si vous êtes fainéant), SimpleXML et json_encode(), respectivement.

Votre JavaScript doit charger la liste basée sur JSON. Pour ce faire, et afficher les nouveaux éléments, ce que vous allez faire est de charger le JSON du côté client (navigateur) en utilisant une méthode jQuery comme getJSON(). Ensuite, vous faites défiler l'objet tableau et ajoutez tous les nouveaux éléments à la liste en ajoutant de nouveaux éléments <li> au "DOM."Le même code jQuery qui fait cela peut facilement faire la dissoudre avec quelque chose comme fadeIn()