jQuery/Twitter API - 最新的推文问题答案

【问题标题】：jQuery/Twitter API - Latest Tweet QuestionjQuery/Twitter API - 最新的推文问题
【发布时间】：2012-06-15 02:56:35
【问题描述】：

我正在使用以下代码在我的网站上调用最新的推文：

<script type="text/javascript">
    $('document').ready(function() {
        $.getJSON('http://twitter.com/statuses/user_timeline/username.json?callback=?', function(data) {
             $('#tweet').html(data[0].text);
        });
    });
</script>

进入DIV：

<div id="tweet"></div>

我只是想知道我需要添加什么来显示最后一条推文的日期并以“X 天前发布”的格式显示。

【问题讨论】：

标签： jquery twitter

【解决方案1】：

timeago plugin 是最常用的，你只需要使用推文的created_at 属性，例如：

$(function() {
  $.getJSON('http://twitter.com/statuses/user_timeline/username.json?callback=?', function(data) {
    $('#tweet').html(data[0].text + " - " + $.timeago(data[0].created_at));
  });
});

You can give it a try here.

【讨论】：

完美，我要添加什么来在日期的 div id 中显示日期？
@Vince - 像这样：$('#tweet').text(data[0].text); $('#date').text($.timeago(data[0].created_at));
关于 Chrome 使用代码后抛出的错误有什么想法吗？ - “资源被解释为脚本，但使用 MIME 类型 application/json 传输。”
@Vince - 这是 twitter 没有完全正确设置响应标头......它不会引起问题

【解决方案2】：

我不知道使用 JS 生成推文的答案，但如果你使用服务器端脚本通过从 twitter atom 提要（如http://search.twitter.com/search.atom?q=from:'.$username.'&rpp='.$items）获取最新推文的 XML，则可以通过任何 XML 解析器从那里获取读取每条推文的时间信息，通过创建一些函数，您可以处理数据并显示带有“X 天前发布”的推文。

【讨论】：