【问题标题】:get multiple twitter feed with jquery使用 jquery 获取多个 twitter 提要
【发布时间】:2012-03-18 08:13:57
【问题描述】:

我正在尝试使用 jQuery json 获取 twitter 提要,如果我不使用 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);
    });​

【问题讨论】:

    标签: jquery json twitter


    【解决方案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/

    再做一些工作,您可以将每一个放在单独的段落中并自动链接 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/

    【讨论】:

      【解决方案2】:

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

      提取所有数据,然后将其附加到元素:

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

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

      【讨论】:

      • @godoron 但是这不会对链接进行分段。
      • @LiBin。 我无法为你调试代码。如果你有关于你遇到的错误的额外信息,请更新我。
      猜你喜欢
      • 2016-11-06
      • 2012-06-24
      • 2012-01-31
      • 1970-01-01
      • 1970-01-01
      • 2013-07-24
      • 1970-01-01
      • 1970-01-01
      • 2013-06-14
      相关资源
      最近更新 更多