Estou tentando retornar a imagem de um feed rss usando a Google Feed API e Jquery
function parseRSS(url, location, container) {
$.ajax({
url: document.location.protocol + '//ajax.googleapis.com/ajax/services/feed/load?v=1.0&num=5&callback=?&q=' + encodeURIComponent(url),
dataType: 'json',
success: function(data) {
//console.log(data.responseData.feed);
$(location).prepend('<h3>' + capitaliseFirstLetter(data.responseData.feed.title) + '</h3>').append('<ul id="rsslist"></ul>');
$.each(data.responseData.feed.entries, function(key, value) {
var thehtml =
'<li>' + value.title + '</li>' +
'<li>' + value.link + '</li>' +
'<li>' + value.image + '</li>';
$('#rsslist').append(thehtml);
});
}
});
}
function capitaliseFirstLetter(string) {
return string.charAt(0).toUpperCase() + string.slice(1);
}
parseRSS('http://globoesporte.globo.com/Esportes/Rss/0,,AS0-9859,00.xml', '#teste', 'ul');
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="container">
<div id="teste"></div>
</div>
Porém a parte das imagens só retorna undefined, alguém sabe me explicar o que estou fazendo de errado?
Caso alguém fique com a mesma dúvida para controlar o número de iterações é só adicionar um if(key<1){
dentro do $.each com return false;`