3

我正在尝试制作一个 twitter 提要，通过使用 jQuery 解析 twitter 提供的 JSON 文件来显示 5 条推文。我在这里制作了 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("<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几乎没有，所以我希望有人能清楚地解释为什么这不起作用。

谢谢你。

4

1 回答 1

4

您的代码没有使用 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("<div class='tweetCloud'><div id='tweetArrow'></div><div id='tweetText'>" + item.text + "</div></div>");
            })
        }
    });
});

您在 CSS 中的 imgur 链接是 404，所以我将其注释掉。还有，linkify()不是方法。也许你忘了链接一些额外的库。最后，您指向 droid 字体的链接未正确嵌入 jsfiddle。

于 2013-03-24T12:18:23.727 回答