0

我进行了一些搜索，发现了一个帖子，该帖子介绍了如何找到主题标签，由用户gnab发布。

您可以简单地获取http://search.twitter.com/search.json?q=%23test以获取包含 JSON 格式 #test 的推文列表，其中 %23test 是 #test URL 编码的。

找到推文后，我想将其加载到页面上。此页面将不断刷新包含此主题标签的最新推文。我才刚刚开始使用 HTML、CSS 和一些 jQuery，所以这对我来说很新。我该怎么做呢？

4

2 回答 2

0

它非常简单，如果您有推特帐户登录到您的推特帐户并单击设置并检查小部件选项。根据您的意愿创建一个新的小部件配置并单击添加小部件，您将获得一段代码只需复制粘贴并将其放入 iframe 中。你不必为此伤脑筋。

于 2013-01-29T13:42:54.933 回答
0

看看我制作的这个片段，我想它会给你带来一些想法：

http://jsfiddle.net/TgTtV/

lastDate = false;
setInterval(function() {

  function compareDates (argument) {
    return (new Date(argument.created_at) > lastDate);
  }

   jQuery.ajax({
      url: 'http://search.twitter.com/search.json',
      type: 'GET',
      dataType: 'jsonp',
      data: {q: encodeURIComponent('#test')},

      success: function(data, textStatus, xhr) {
          //If it's the first time running, prepend all tweets to the page
          if(!lastDate) {
            for(i in data.results) {
                $('body').prepend('<p>'+data.results[i].from_user+': '+data.results[i].text+'</p>');
            }
          } else { //Only new tweets, filtered by date are added
            var newMessages = data.results.filter(compareDates);
              //Just for test
              console.log(newMessages);
            for(i in newMessages) {
                $('body').prepend('<p>'+newMessages[i].from_user+': '+newMessages[i].text+'</p>');
            }
          }

          lastDate = new Date(data.results[0].created_at);
      }
    });

}, 10000);

说明：该片段首先从您的查询中加载一堆推文（在本例中为 #test 标签），并将用户名和推文内容放在一个段落中。第一次加载后，它继续加载推文，但使用 compareDates 函数按日期过滤它们，并在页面中仅显示新推文。为了更好地理解，我建议您在打开 Firebug 的控制台的情况下测试此代码段。

于 2013-01-29T16:34:48.260 回答