TOC

jQuery経由で最後のツイートを取得する方法

jQueryを介して最後のツイートを取得する方法

Twitterは、ツイートを処理するための多くのAPIを提供します。 この例では、jQueryを使用してユーザーの最後のツイートを取得する方法を学習します。

Twitter API
ユーザーの最後のツイートを取得します（URLの「username」を必要なTwitterユーザー名に変更します） 

http://search.twitter.com/search.json?q=from:username&rpp=1

たとえば、Twitterのユーザー「techfou」から最後のツイートを取得します。 

http://search.twitter.com/search.json?q=from:techfou&rpp=1

1. jQuery Ajax

Jquery.ajax()関数を使用して、ユーザーの最後のツイートを取得して表示します。 

$('#last-tweet').click(function(){

   $("#tweet_result").text("Loading......");

   var username = $('#username').val();

   $.ajax({
     type: "GET",
     dataType: "json",
     url: "http://search.twitter.com/search.json?q=from:"+username+"&rpp=1&callback=?",
     success: function(data){
        $("#tweet_result").text(data.results[0].text);
     }
   });

});

2. 完全なHTMLの例

この例では、ユーザー名をボックスに書き込み、ボタンをクリックしてユーザーの最後のツイートを取得します… 



How to Get Last Tweet with Jquery Example




    
Get Last Tweet with jQuery


    username :
    
    

    

    

        Last Tweet :

Try it yourself、twitterユーザー名を入力し、ボタンをクリックします。

こちらからお気軽にお問い合わせください…

参照

  1. jQueryAjaxの例

Related