从 tumblr 的 API 中获取图片、帖子标题和帖子日期

【问题标题】：Grabbing the image, post title, and post date from tumblr's API从 tumblr 的 API 中获取图片、帖子标题和帖子日期
【发布时间】：2012-01-15 10:22:05
【问题描述】：

我发现 Nathan Scott 的 javascript sn-p 用于在静态网页上嵌入 tumblr 提要非常有用。但就我想要获得的信息而言，我也发现它有点太简单了。以我有限的知识，我似乎无法弄清楚如何同时调用帖子的标题和日期，以便我可以使用 CSS 对其进行样式设置。理想情况下，我还想声明，我只从常规帖子中获取第一张照片，并在 X 个字符后截断，但我没有运气。

任何形式的帮助将不胜感激！

这是由 Nathan Scott 提供的原始代码！

 <script type="text/javascript" src="http://collinsstreetmedia.tumblr.com/api/read/json"> 
 </script>

 <script type='text/javascript'>
  $("#announcement").html(
    tumblr_api_read["posts"][0]["regular-body"].substring(0,400)
  );
  $("#announcement_url").attr(
      {
        href: (tumblr_api_read["posts"][0]["url"])
      }
    );
 </script>

【问题讨论】：

您是否尝试过使用官方文档阅读和测试不同的方法？看起来很简单...tumblr.com/docs/en/api/v2

标签： javascript api tumblr

【解决方案1】：

试试下面的。

您想要获取帖子的端点是这样的：

http://api.tumblr.com/v2/blog/[TUMBLR WEBSITE HERE]/posts/text?api_key=[YOUR API KEY]

例如：

http://api.tumblr.com/v2/blog/citriccomics.tumblr.com/posts/text?api_key=[YOUR API KEY]

然后使用jQuery 可以调用该请求：

$.getJSON("http://api.tumblr.com/v2/blog/citriccomics.tumblr.com/posts/text?api_key=[YOUR API KEY]", function(data) {
   alert(data); // Do something with 'Data', your JSON response.
});

要真正解析 JSON，您可以使用以下简单的方法：

var responseData = $.parseJSON(data);
alert(responseData.response.posts);

【讨论】：