2012-03-18 69 views
0

我想使用jQuery json獲取twitter feed我可以得到下面的代碼工作,如果我不使用for循環。 任何人都可以指導我如何得到它的工作獲得多個推文? 而我嘗試使用其他網址:https://twitter.com/statuses/user_timeline/maxlibin.json?callback=twitterCallback2&count=3 仍然不工作獲取多個twitter提要jquery

jQuery.getJSON("https://twitter.com/statuses/user_timeline/maxlibin.json?callback=?", function(data) { 
    for (i = 0; i < 4; i++) { 
     jQuery("#main .left").html(data[0].text); 
    });​ 
+0

問題解決了嗎? – gdoron 2012-03-18 13:38:21

回答

0

每次使用html(...)您覆蓋該元素裏的任何東西。

提取所有數據,然後將其附加的元素:

var output = ""; 
for (i=0; i<4; i++){ 
    output += data[i].text; 
} 
jQuery("#main .left").html(output); 

請注意,您沒有使用循環索引,你剛纔用0所有迭代:...html(data[0].text);

+0

@godoron但是,這不是一個鏈接的階段。 – 2012-03-19 15:36:14

+0

@李斌。 **我無法爲您調試代碼。**如果您有關於所獲錯誤的額外信息,請更新我。 – gdoron 2012-03-19 18:50:55

2
jQuery.getJSON("https://twitter.com/statuses/user_timeline/maxlibin.json?callback=?", function(data) { 
    for (i = 0; i < 4; i++) { 
     jQuery("#main .left").append(data[i].text); 
    }; 
});​ 

http://jsfiddle.net/QfSbs/

有了更多的工作,您可以將每個段落粘貼到一個單獨的段落中,並自動鏈接這些URL:

jQuery.getJSON("https://twitter.com/statuses/user_timeline/maxlibin.json?callback=?", function(data) { 
    for (i = 0; i < 4; i++) { 
     jQuery("#main .left").append($('<p>').html(data[i].text.replace(/(http:\/\/[^\s]+)\b/g, '<a href="$1">$1</a>'))); 
    }; 
}); 
​ 

http://jsfiddle.net/QfSbs/1/