使用jQuery的Twitter提要

我正在尝试通过使用jQuery来解析由Twitter提供的JSON文件,制作一个显示5条推文的Twitter提要。 我在这里制作了jsFiddle。

$(document).ready(function () { var k = "http://api.twitter.com/1/statuses/user_timeline.json?screen_name=Twitter&include_rts=1&count=5"; $.getJSON(k, function (data) { $.each(data, function (i, item) { $("#tweetFeed").append("
" + item.text.linkify() + "
"); }); }); });

这些推文必须通过以下方式由jQuery代码输出:

 
tweet text

只需要使用推文的文本。

正如你在jsFiddle中看到的那样,没有显示推文,我不知道为什么。 我对jQuery没有多少经验,几乎没有JSON的经验,所以我希望有人可以清楚地解释为什么这不起作用。

谢谢。

您的代码未使用JSONP,因此被跨域限制拒绝。 我已修改了请求,现在可以使用了。 这是代码, 这里是小提琴

 $(document).ready(function () { var k = "http://api.twitter.com/1/statuses/user_timeline.json?screen_name=Twitter&include_rts=1&count=5&jsoncallback="; $.ajax({ dataType: 'jsonp', url: k, success: function (data) { $.each(data, function (i, item) { $("#tweetFeed").append("
" + item.text + "
"); }) } }); });

你在CSS中的imgur链接是404’ing所以我评论了这一点。 此外, linkify()不是一种方法。 也许你忘了链接一些额外的库。 最后,您的droid字体链接未正确嵌入jsfiddle。

Interesting Posts