<Home>

jQuery + Twitter API Proxy 调用最新推特内容

想在页面内展示自己的推特内容,咋办?

官方提供的Widget铁定是不行的,幸好现在很多人都自己搭建了 twitter 的 API 代理,有了这个,再用 jQuery.getJSON 轻轻读一下就可以了。

首先要在页面内引入jQuery,不必放在自己的空间里,google替我们准备好了:

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

然后在其下加入:

<script type="text/javascript">
$(function() {
    $.getJSON("https://自建api代理地址/search.json?callback=?&amp;rpp=1&amp;q=from:dimlau",
        function(data) {
            $.each(data.results, function(i,tuite) {
                if (tuite.text !== undefined) {
                    var tuite_html = '<p class="tuite">'+ tuite.text + '</p>';
                    $('#tuiteContent').html(tuite_html);
} }); } ); }); <script>

然后,在网页内希望展示推特内容的地方加入:

<div id="tuiteContent">loading...</div>

恩,就是这样了。注:

  1. API 代理在 google code 上有不少可以免费下载,自行搜索吧。
  2. 上述代码里,rpp=1 表示读取一条内容,最大貌似可以填200。
  3. dimlau 是我的用户名,使用时改成自己的。

还有,这个弄得很简陋,如果需要的话,可以再加入发推时间、发推途径等等信息我就不演示了——我觉得会用api代理的基本都是牛X的人,可能我这篇文章都是多余了,不过好久没更新 blog 凑数而已。

以上。

fin.

页面会变得很长么?期待。

feicun 2010-03-14,20:26 says: “回复”

我是菜鸟,所以这篇对我来说还是很有用滴

dimlau 2010-03-14,21:33 says: “回复”

您给了我活下去的勇气

冰古 2010-03-22,01:02 says: “回复”

是暴露api的好方法。

dimlau 2010-03-22,14:15 says: “回复”

所以我自己没用……囧

dimlau 2010-03-22,21:15 says: “回复”

厄……刚又想起来,可以用yahoo pipes把twotter的rss输出成json格式!这样就不必用api了!

dimlau 2010-03-22,21:17 says: “回复”

汗,我IP被归到spammer名单里了!杯具

wayne 2010-03-23,23:40 says: “回复”

你连jquery都舍不得放自己服务器啊,哈哈

dimlau 2010-03-24,21:17 says: “回复”

汗……用google的不是可以图他个自动更新么而且速度也还可以。

-= 评论已关闭 =-