无法显示Mini-Project的输出

时间:2017-01-16 23:43:06

标签: javascript html twitter

我正在处理这个涉及Twitter的迷你项目,我试图从Twitter用户输入一个关注者列表。我正在看Twitter的api并且之前做过类似的事情,所以我有点迷惑为什么我的console.log没有输出任何东西。如果您有任何问题,请告诉我,我发布了我正在查看的Twitter api指南。

https://dev.twitter.com/rest/reference/get/followers/list

(我现在只是控制台。记录输入,但最好将它们放在输出ID中)

以下代码

HTML

 <h1>Scavengr<h1>

  <input class="from-control" id="mySearch">
   <button id="search" type="button" class="btn btn-primary">Generate </button>

  <ul id="output">

  </ul>

JS

$(document).ready(function(){  
                 $('#search').click(function(){
  var mySearch = $('#mySearch').val();

                  $.ajax({
                    type: "GET",
                    url: 'https://api.twitter.com/1.1/followers/list.json?cursor=-1&screen_name=' + $.param(mySearch),
                    headers:{
                    'Client-ID':'sample'
                  },
                    async: false,
                    dataType: 'jsonp',
                    success: function(data){
                      $('#output').html('');
                      for (var i = 0; i <data.length; i++)
                        {
                          $('#output').prepend();
                          console.log(data[i].id);
                        }

                    }
                  });
                 });


  });

如果您还有其他需要,请告诉我。我非常乐意提供帮助!

1 个答案:

答案 0 :(得分:0)

我看起来像是在尝试从浏览器执行GET到不同的域,除非他们为您打开安全性(这是不太可能的),否则它将不允许。您可能需要在服务器上创建某种代理并从那里发出请求,因此它不是跨域服务调用。