0

Twitterからツイートを検索したいのですが、テキストまたはハッシュタグに依存します。次に、それを上に表示し<div id="result">ます。しかし、私のコードではツイートが表示されないため、混乱します。

これは、Twitter検索からJSONを読み取るための私のコードです:

<script type="text/javascript" src="jquery.js"></script>

<script type="text/javascript">

    $(document).ready(function()
    {

        $('#btn').click(function()
        {
            $.getJSON("http://search.twitter.com/search.json?q="+$('#search').val(),function(data)
            {
                $.each(data.results, function(i,data){
                    var from = data.from_user;
                    var tw_content = data.text;

                    $('#result').append("<p>User : "+from+"<br>Tweet : "+tw_content+"</p>");
                });
            });
        });

    });

</script>

<input type="text" id="search"/><input type="button" id="btn" value="cari"> 

<div id="result">

</div>

そして、これを実行している間、何も起こりません。誰でも私を助けることができますか?

4

2 に答える 2

0

私は以下のようなことをします:

    $(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 = 'behudinnystrom';

  // 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);
        }
      });
    }
  );
});

デモンストレーション

于 2012-11-29T07:45:16.350 に答える
0

別のドメインのサーバーからデータを要求する方法を提供するjsonpため、結果を取得するために使用する必要がありますjsonp

このフィドルをチェック

ここで$.ajax関数を使用しますdataType: jsonp

これこれを確認してくださいJSONP

于 2012-11-29T07:38:53.407 に答える