Question

我正在尝试使用jQuery json获取twitter feed我可以获得以下代码，如果我不使用for循环。任何人都可以指导我如何让它得到多个推文的工作？当我尝试使用另一个网址时：https://twitter.com/statuses/user_timeline/maxlibin.json?callback=twitterCallback2&count=3 仍然不工作

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);
    });

Answer 1

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/

通过更多的工作，您可以将每个人都粘在一个单独的段落中并自动链接网址：

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/

Answer 2

每次使用html(...)时，您都会覆盖元素内的任何内容。

提取所有数据，然后将其附加到元素：

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

请注意，您没有使用循环索引，只是使用0进行了所有迭代：...html(data[0].text);

用jquery获取多个twitter feed

2 个答案: