格式化 JSON 数据以用于 Twitter 订阅源答案

【问题标题】：Formatting JSON data to use for Twitter Feed格式化 JSON 数据以用于 Twitter 订阅源
【发布时间】：2014-03-20 17:15:11
【问题描述】：

我正在尝试将 Twitter 供稿添加到我的网站。这个简单的任务已经发展成为一个成熟的项目，我需要一些帮助。

我已经注册了 Twitter 的 API，通过使用这个：http://chrissimpkins.github.io/tweetledee/ 我能够从 Twitter 订阅源中检索自定义的 JSON 数据

例如，这是我的 Twitter (@HeroGreg) JSON 数据：

http://www.davidseaman.com/tweetledee/userjson.php?user=HeroGreg

我对 JSON 的工作原理有所了解，但考虑到这是我第一次尝试解码 JSON，我不知所措..

有人能建议我如何将这些数据转换为 HTML 代码吗？我只需要一个起点，我已经看过一些示例，但是它们没有链接到外部文件，因此很难从中学习。我不是在要求某人为我做我的工作，但是如果有人可以提供一些内容而不是指向“阅读本指南”的页面的链接，那就太好了。谢谢

编辑：也许这样可以？ http://json2html.com/ ...

【问题讨论】：

标签： javascript ajax json twitter

【解决方案1】：

使用 jQuery ... jQuery.get() .. 第一个参数是您的站点 URL json，第二个参数是回调。访问jquery网站...（我使用手机，无法粘贴代码rs）；

现在您可以使用 foreach 遍历数据并在您的视图中打印...

【讨论】：

【解决方案2】：

对我来说最好的解决方案是使用 JQuery 的 Get 函数（如建议的那样）。我以前从未使用过 JSON，这就是我所管理的：

$(document).ready(function(){
 $.getJSON( "/tweetledee/userjson.php?c=10&user=d_seaman&xrp=1&xrt=1", function(obj) { 
  $.each(obj, function(key, value) { 
         $("#feed").append("<li>"+value.text+"</li><li>"+value.retweet_count+"</li><li>"+value.favorite_count+"</li><li>"+value.user.name+"</li>");
         var date = $('<small>').text(prettyDate(value.created_at));
         $("#feed").append(date);            
  });
 });
});
/*
 * JavaScript Pretty Date
 * Copyright (c) 2011 John Resig (ejohn.org)
 * Licensed under the MIT and GPL licenses.
 */
function prettyDate(time){
    var date = new Date((time || "").replace(/-/g,"/").replace(/[TZ]/g," ")),
        diff = (((new Date()).getTime() - date.getTime()) / 1000),
        day_diff = Math.floor(diff / 86400);

    if ( isNaN(day_diff) || day_diff < 0 || day_diff >= 31 )
        return;

    return day_diff == 0 && (
            diff < 60 && "just now" ||
            diff < 120 && "1 minute ago" ||
            diff < 3600 && Math.floor( diff / 60 ) + " minutes ago" ||
            diff < 7200 && "1 hour ago" ||
            diff < 86400 && Math.floor( diff / 3600 ) + " hours ago") ||
        day_diff == 1 && "Yesterday" ||
        day_diff < 7 && day_diff + " days ago" ||
        day_diff < 31 && Math.ceil( day_diff / 7 ) + " weeks ago";
    }
});

此代码获取以下信息：推文/转发次数/收藏次数/用户名/发布日期

JSON 脚本 (prettyDate) 下面的脚本将日期转换为更简化的格式。因此，它没有显示：“Sat Dec 17 02:20:42 +0000”，而是显示“1 小时前”

【讨论】：