jQuery Girl
  1. jQuery Girl
  3. Boucle à travers plusieurs sources RSS et sortie dans différents divs?
Intereting Posts
Obtenir la dernière valeur sélectionnée de Select2? Comment afficher les GIF animés dans une boîte de dialog jQuery dans IE? Mise à jour du modèle et du modèle nesteds Ember Fondu aux images – Où appeler .fadeIn et .fadeOut? Ouverture modale au chargement de la page jquery sortable annuler supprimer en fonction de la confirmation Comment envoyer un fichier téléchargé via HttpPostedFileBase avec un ViewModel? jquery plugin avec plusieurs fonctions Comment puis-je obtenir la méthode équivalente de HttpwebRequest en javascript Glisser dans div – Problème Firefox jQuery – Chargement du formulaire soumis dans la DIV de la page parente (?) Problème lors de l’ajout d’éléments de la zone de liste par jquery dans le code situé derrière Comment créer des div dynamicment dans JQuery? Comment passer des valeurs de champs de saisie de formulaire à un script utilisant AJAX / jQuery? Comment déterminer la direction sur l’ événement onmousemove?

Boucle à travers plusieurs sources RSS et sortie dans différents divs?

Je souhaite parcourir deux stream RSS (éventuellement plus dans le futur) et les placer dans des divs conteneurs différents. J’ai commencé par répondre à cette question: JQuery Récupérer plusieurs stream RSS .

Voici mon code. 

var thehtml = ''; $(function () { var urls = ['http://www.gosugamers.net/counterssortingke/news/rss', 'http://www.hltv.org/news.rss.php']; for (var i = 0; i < urls.length; i++) { $.ajax({ type: "GET", url: document.location.protocol + '//ajax.googleapis.com/ajax/services/feed/load?v=1.0&num=1000&callback=?&q=' + encodeURIComponent(urls[i]), dataType: 'json', error: function () { alert('Unable to load feed, Incorrect path or invalid feed'); }, success: function (xml) { values = xml.responseData.feed.entries; console.log(values); $.each(values, function(idx, value){ thehtml += '
' + value.publishedDate + '
' + value.title + '
'; }); $("#content_1").html(thehtml); } }); } });

Je charge deux stream RSS et dans la sortie de la console, je peux voir les deux tableaux de données.

En ce moment, j’utilise $(#content_1).html(thehtml); pour générer les données de stream au format HTML dans une division de conteneur, #content_1 .

Ce que je veux faire est de placer le premier stream RSS dans #content_1 et le second dans #content_2 . J’ai essayé d’utiliser. .slice(0,10) mais je .slice(0,10) pas réussi à le faire fonctionner et cela ne semble pas être la meilleure solution.

Voici l’intervalle en place. Le contenu du conteneur sera vide pour afficher les nouvelles données.

Mise à jour: les résultats Ajax ciblent content_1 et content_2 avec une deuxième méthode facultative. 

 $(function () { function GetFeeds(){ var urls = ['http://www.gosugamers.net/counterssortingke/news/rss', 'http://www.hltv.org/news.rss.php']; urls.forEach(function(Query){ $.ajax({ type: "GET", url: 'http://ajax.googleapis.com/ajax/services/feed/load?v=1.0&num=1000&callback=?&q='+encodeURIComponent(Query), dataType: 'json', error: function () { alert('Unable to load feed, Incorrect path or invalid feed'); }, success: function(xml) { //--Target ID's By content_1/2 var Content=parseInt(urls.indexOf(Query))+1; $("#content_"+Content).html(''); $.each(xml.responseData.feed.ensortinges, function(idx, value){ $("#content_"+Content).append('
' + value.publishedDate + '
' + value.title + '
'); }); //--------------- //--Target ID's By Domain (Method Two) /* $("#"+Query.split('.')[1]).html(''); $.each(xml.responseData.feed.ensortinges, function(idx, value){ $("#"+Query.split('.')[1]).append('
' + value.publishedDate + '
' + value.title + '
'); }); -----------------------------------*/ } }); }); } //Call GetFeeds every 5 seconds. setInterval(GetFeeds,5000); //Page is ready, get feeds. GetFeeds(); }); 
 #content_1{float:left;width:40%;overflow:hidden;border:solid 2px blue;} #content_2{float:right;width:40%;overflow:hidden;border:solid 2px yellow;} /* Method Two Styles #gosugamers{float:left;width:40%;overflow:hidden;border:solid 2px green;} #hltv{float:right;width:40%;overflow:hidden;border:solid 2px red;} */