javascript - 使用 jQuery 和 Ajax 的 Twitter 搜索 API - 当我的演示未显示结果时如何检索数据

Question

我正在尝试添加基于各种主题的 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();
                    });
                }
            });
        });
    });

我非常感谢您的帮助。

Answer 1

这是因为 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/