Analyse Twitter Json-text mit Javascript

Ersten Ergebnisse bei google:

Ralph Whitbeck - Blog - twitter-updates Ziehen mit JSON und jQuery. Code unter:

var url = "http://twitter.com/status/user_timeline/RedWolves.json?count=3&callback=?";
$.getJSON(url, function(data){
    $.each(data, function(i, item) {
        $("img#profile").attr("src", item.user["profile_image_url"]); 
        $("#tweets ul").append("<li>" 
                                + item.text.linkify() 
                                + " <span class='created_at'>" 
                                + relative_time(item.created_at) 
                                + " via " 
                                + item.source
                                + "</span></li>");
    });
});

Und html:

<div id="tweets">
    <img id="profile">
    <ul></ul>
</div>

Weiteres Beispiel. Holen tweets mit jQuery und Twitter JSON-API. Reproduktion unter:

$(document).ready(function() {
  //Declare variables to hold twitter API url and user name
  var twitter_api_url = 'http://search.twitter.com/search.json';
  var twitter_user    = 'lupomontero';

  //Enable caching
  $.ajaxSetup({ cache: true });

  //Send JSON request
  //The returned JSON object will have a property called "results" where we find
  //a list of the tweets matching our request query
  $.getJSON(
    twitter_api_url + '?callback=?&rpp=5&q=from:' + twitter_user,
    function(data) {
      $.each(data.results, function(i, tweet) {
        //Uncomment line below to show tweet data in Fire Bug console
        //Very helpful to find out what is available in the tweet objects
        //console.log(tweet);

        //Before we continue we check that we got data
        if(tweet.text !== undefined) {
          //Calculate how many hours ago was the tweet posted
          var date_tweet = new Date(tweet.created_at);
          var date_now   = new Date();
          var date_diff  = date_now - date_tweet;
          var hours      = Math.round(date_diff/(1000*60*60));

          //Build the html string for the current tweet
          var tweet_html = '<div class="tweet_text">';
          tweet_html    += '<a href="http://www.twitter.com/';
          tweet_html    += twitter_user + '/status/' + tweet.id + '">';
          tweet_html    += tweet.text + '<\/a><\/div>';
          tweet_html    += '<div class="tweet_hours">' + hours;
          tweet_html    += ' hours ago<\/div>';

          //Append html string to tweet_container div
          $('#tweet_container').append(tweet_html);
        }
      });
    }
  );
});

InformationsquelleAutor Radu

Blick auf $.json, ist es speziell für dieses. Es ist ein ajax-Aufruf werden automatisch analysiert die json auf Rückkehr (in ein array) verwendet werden, in den Rückruf.

InformationsquelleAutor Ben

Es gibt einen guten Grund, um den Zugriff auf die Twitter-API die client-seitige anstelle von server-Seite. Wenn Sie den Zugriff auf Ihre API auf der Serverseite mit PHP, der server-IP kann rate limited by Twitter. Außerdem scheint es, dass Twitter möglicherweise nicht veröffentlicht haben, rate-limits.

Mithilfe der REST-API nicht helfen, da die Grenze zu niedrig ist, einen Standort zu entwickeln, die für eine unbekannte Anzahl (potentiell sehr großen Zahl) von Benutzern. Dies ist nicht skalierbar.

Mithilfe von JavaScript kann es einfacher sein, um die client-Anforderung der Daten statt.

Wäre es möglich, OAuth-jeder Kunde wird mit seinem/Ihrem eigenen API-Limit, was aber Kopfschmerzen nur für immer einige tweets. Ich denke, die generische Verwendung einfacher Weise umgehen.

InformationsquelleAutor Major