Question

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

$(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("<div class='tweetCloud'><div id='tweetArrow'></div><div id='tweetText'>" + item.text.linkify() + "</div></div>");
        });
    });
});

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

<div class="tweetCloud">
<div id="tweetArrow"></div>
<div id="tweetText">tweet text</div>
</div>

只需要使用推文的文字。

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

谢谢。

Answer 1

您的代码未使用JSONP，因此被跨域限制拒绝。我已修改了请求，现在可以使用了。这是代码和here's the fiddle

$(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("<div class='tweetCloud'><div id='tweetArrow'></div><div id='tweetText'>" + item.text + "</div></div>");
            })
        }
    });
});

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

使用jQuery的Twitter提要

1 个答案: