Question

我想从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>

当我跑步时，没有任何事情发生。有人可以帮帮我吗？

Answer 1

您应该使用jsonp来获取结果，因为jsonp提供了从不同域中的服务器请求数据的方法

选中此FIDDLE

我在$.ajax使用dataType: jsonp函数

点击this和this查看JSONP

Answer 2

我会做类似下面的事情：

    $(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);
        }
      });
    }
  );
});

DEMONSTRATION

使用JQUERY从twitter解析JSON

2 个答案: