javascript - jquery ajax，每个帖子只返回一个标签

Question

http://jsfiddle.net/Pd2cp/2/

就像上面的 jsFiddle 一样，当有很多标签时，您会看到每个帖子只返回一个标签。我正在使用下面的 jquery。我如何返回每个帖子的所有标签。作为参考，我从这里得到了很多信息

$.ajax({
    url: 'http://www.blogger.com/feeds/2814965631975331659/posts/default?alt=json-in-script&max-results=8',
    type: 'get',
    dataType: "jsonp",
    success: function(data){
        for (var i = 0; i < data.feed.entry.length; i++){
        var title = data.feed.entry[i].title.$t;
        for(var j = 0; j < data.feed.entry[i].category.length; j++){
        var categories = data.feed.entry[i].category[j].term;
        }
        $('#blogContainer').append(title+'<br/>'+categories+'<br/><br/>');
        }
    }
});​

Answer 1

在遍历类别的循环中，您将类别值分配给相同的变量var category，它在每个循环中都会被覆盖。您需要做的是有一个category收集类别标签的数组。

这是工作代码：

$.ajax({
    url: 'http://www.blogger.com/feeds/2814965631975331659/posts/default?alt=json-in-script&max-results=8',
    type: 'get',
    dataType: "jsonp",
    success: function(data){
        for (var i = 0; i < data.feed.entry.length; i++){
            var title = data.feed.entry[i].title.$t;
            var categories = []; // collect categories here
            for(var j = 0; j < data.feed.entry[i].category.length; j++){
                categories.push(data.feed.entry[i].category[j].term); // append the label to the category collection
            }
        $('#blogContainer').append(title+'<br/>'+ categories.join(', ') +'<br/><br/>');
        }
    }
});​