Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用jQuery和Ajax的Twitter搜索API-当我的演示没有显示结果时,如何检索数据_Javascript_Jquery_Ajax_Twitter - Fatal编程技术网

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

Javascript 使用jQuery和Ajax的Twitter搜索API-当我的演示没有显示结果时,如何检索数据,javascript,jquery,ajax,twitter,Javascript,Jquery,Ajax,Twitter,我正在尝试添加基于各种主题的twitter搜索时间表,例如搜索不同节日的所有最新推文。我找到了一本教程,教我如何使用Jquery和Ajax的twitter API对不同的推文进行常规搜索,但在我进一步研究之前,当我在浏览器中运行网页并尝试不同的搜索主题时,不会显示任何结果。代码类似于tuturial,我仍在学习不同的twitter API来帮助我完成项目,但我想我仍然感到困惑。请有人看看我的代码,告诉我我做错了什么。下面是一个JSFIDLE来演示我的问题:这是javascript代码的主要源代码

我正在尝试添加基于各种主题的twitter搜索时间表,例如搜索不同节日的所有最新推文。我找到了一本教程,教我如何使用Jquery和Ajax的twitter API对不同的推文进行常规搜索,但在我进一步研究之前,当我在浏览器中运行网页并尝试不同的搜索主题时,不会显示任何结果。代码类似于tuturial,我仍在学习不同的twitter API来帮助我完成项目,但我想我仍然感到困惑。请有人看看我的代码,告诉我我做错了什么。下面是一个JSFIDLE来演示我的问题:这是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为空的原因

删除这些行或正确初始化这些变量将解决您的问题


请看这篇文章:

您代码中的url在Twitter API中已被弃用

正确的url为,但需要正确验证。
有关更多信息,请参见API文档

Hi Akoskm,我已经删除了您所说的两行崩溃的代码,当我在浏览器中测试它时,仍然没有返回任何结果。请你告诉我,在过去的45分钟里,我很难看到错误。@JennyP我在我的答案中加入了一个JSFIDLE链接,你尝试过这个链接了吗?嗨,Akoskm,是的,你给我的链接很有效,但是当我在dreamweaver文本编辑器中使用代码并在浏览器中预览它时,它没有返回任何内容。你知道为什么吗?@JennyP如果你修复或移除上述线路,它应该会工作。如果没有,那么它与脚本本身无关,而是与dreamweaver有关。