我正在尝试添加基于各种主题的 Twitter 搜索时间线,例如搜索不同节日的所有最新推文。我找到了一个关于如何使用带有 Jquery 和 Ajax 的 twitter API 对不同推文进行一般搜索的教程,但在我进一步进行之前,当我在浏览器中运行网页并尝试不同的搜索结果时,我没有得到任何结果显示。搜索主题。该代码与教程类似,我仍在学习不同的 twitter API 来帮助我完成我的项目,但我认为我仍然感到困惑。请有人看看我的代码并告诉我我做错了什么。这是一个 JSFiddle 来演示我的问题:http://jsfiddle.net/YSBtC/这是javascript代码的主要来源
$(document).ready(function(){
$('#search').click(function(){
$('#results').html('');
console.log($('#i').val());
var search_term = $('#i').val();
$.ajax({
type: 'GET',
dataType: 'jsonp',
url: 'http://search.twitter.com/search.json',
data:{q: search_term},
success: function(data){
$.each(data.results, function(index, tweet){
$tweets = $(".tweet").first().clone();
console.log(tweet);
$tweets.find('.img').attr('src', tweet.profile_image_url)
$tweets.find('.name').text(tweet.from_user_name);
$tweets.find('.handle').html(twttr.txt.autoLink("@"+tweet.from_user));
$tweets.find('.text').html(twttr.txt.autoLink(tweet.text));
$tweets.hide().appendTo('#results').delay(400).fadeIn();
});
}
});
});
});
我非常感谢您的帮助。
最佳答案
这是因为 JavaScript 在以下几行崩溃了:
$tweets.find('.handle').html(twttr.txt.autoLink("@"+tweet.from_user));
$tweets.find('.text').html(twttr.txt.autoLink(tweet.text));
您正在尝试访问名为 twttr
的变量,该变量不存在(至少在您发布的代码中不存在)。这就是 #results
div 为空的原因。
删除这些行(或正确初始化这些变量)将解决您的问题。
看到这个 fiddle :http://jsfiddle.net/YSBtC/1/
关于javascript - 使用 jQuery 和 Ajax 的 Twitter 搜索 API - 当我的演示未显示结果时如何检索数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15879217/