使用Javascript和Twitter API加载推文

Question

使用Javascript和Twitter API加载推文

我是Javascript的新手,并决定尝试通过API访问Twitter以获取我的5条最新推文,但是我遇到了困难,我会感激一些帮助.

这是tweets.js代码.我仔细查看了API来形成这个,但不确定它是否正确.

tweets = {
    loaddata: function() {
        $.ajax({
            url: 'https://api.twitter.com/1.1/statuses/user_timeline.json',
            type: 'GET',
            dataType: 'json',
            data: {
                screen_name: 'techybox',
                include_rts: false,
                count: 5,
                include_entities: true
            },
            success: function(data, text) {
                var html = '<li class="tweet">TWEET</li>';
                $('#timeline').append(html.replace('TWEET', tweets(data.text)));
            }
        });
    };
}

$(document).ready(function() {
    tweets.loaddata();

});

Run Code Online (Sandbox Code Playgroud)

});

从理论上讲,它应该加载5条最新的推文并将其附加到具有id时间线的UL.我已经看到你可能需要OAuth这样做,但我不确定我将如何实现这一点？我对么？Twitter的旧API似乎没有这个,但1.1.可能已经改变了吗？

最后这是我的html页面,它只包含UL:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Tweets</title>
</head>
<body>
    <h1>Tweets</h1>
    <ul id='timeline'></ul>

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script src="tweets.js"></script>
</body>
</html>

Run Code Online (Sandbox Code Playgroud)

我承认我可以做一些非常简单的错误,但因为我是一个Javascript新手我不知道!我会感激一些帮助!提前致谢!

Answer 1

小智 6

Twitter的更新API需要oAuth,这需要您编写一个由您的javascript使用的服务器端组件.

所以这并不是说你的方法是错误的.Twitter只是不希望你再以这种方式获取信息.

请注意,如果您在浏览器中访问API,则会收到错误消息.https://api.twitter.com/1.1/statuses/user_timeline.json?screen_name=techybox&count=3

这里有关于这个主题的非常好的帖子:使用Twitter API 1.1版检索user_timeline的最简单的PHP示例

归档时间：	10 年，1 月前
查看次数：	14492 次
最近记录：	6 年，10 月前