javascript - FOR ループの使用中にブログ投稿が表示されない

Question

次の .js コードがありますが、サイトをテストすると、それぞれに見られる文言のみが表示され、コンテンツは表示されません。最後に達成したいのは、5つの投稿を表示し、下部にリンクを追加してより多くの投稿を表示できるようにすることです:

$(document).ready(function(){
    url = 'http://hopexxx.com/category/daily-devotion/feed/';
    $.ajax({
        type: "GET",
        url: document.location.protocol + '//ajax.googleapis.com/ajax/services/feed/load?v=1.0&num=1000&callback=?&q=' + encodeURIComponent(url),
        dataType: 'json',
        error: function(){
            alert('Unable to load feed, Incorrect path or invalid feed');
        },
        success: function(data){
            var postlist = data.responseData.feed.entries;
            var html = '<ul data-role="listview" data-filter="true">';
            for (var i = 0; i < 5; i++) {
                html += '<li>';
                html += '<a href="#">';
                html += '<div class="entry">entry.title</div>';
                html += '<div class="entry">author</div>';
                html += '<div class="entry">publishedDate</div>';
                html += '<div class="entry">contentSnippet</div>';
                html += '</a>';
                html += '</li>';
            }
            html += '</ul>';
            $("#postlist").append(html);
            $("#postlist ul[data-role=listview]").listview();

        }});
    });

Answer 1

data.responseData.feed.entries で $.each ループを試してください。詳細については、こちらを参照してください。

Answer 2

ポストリストが null ではなく、各エントリに「title」、「author」、「publishedDate」、および「contentSnippet」というプロパティがあることがわかっている場合は、次のようにしてみてください。

var postlist = data.responseData.feed.entries;
var html = '<ul data-role="listview" data-filter="true">';
for (var i = 0; i < 5; i++) {

    var entry = postlist[i];

    html += '<li>';
    html += '<a href="#">';
    html += '<div class="entry">' + entry.title + '</div>';
    html += '<div class="entry">' + entry.author + '</div>';
    html += '<div class="entry">' + entry.publishedDate + '</div>';
    html += '<div class="entry">' + entry.contentSnippet + '</div>';
    html += '</a>';
    html += '</li>';
}
    html += '</ul>';
    $("#postlist").append(html);