2017-01-16 6 views
0

私はこのミニプロジェクトに取り組んでいて、Twitterユーザーからのフォロワーのリストを取得しようとしています。私はTwitterのapiを見ていて、これに似たようなことをしていたので、私のconsole.logが何も出力していないのは少し気が散った。あなたに何か質問があり、私が見ていたtwitterのapiガイドを投稿した場合はお知らせください。ミニプロジェクトのトラブル表示出力

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

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> 

の下

コードを(私は最終的に出力idに入れます理想的に今の入力をconsole.loggingけどよ) 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); 
         } 

        } 
        }); 
       }); 


    }); 

他に何かが必要な場合は教えてください。私は助けてくれるだけではありません!

答えて

0

ブラウザとは別のドメインにGETを実行しようとしているようですが、セキュリティはあなたのために開かれない限り許可されません。おそらく、あなたのサーバー上に何らかの種類のプロキシを作成し、そこから要求を行う必要があります。したがって、クロスドメインサービス呼び出しではありません。

+0

私はAPIキーを追加したところで若干の変更を加えましたが、まだ機能していません。それはそれを修正しないといけませんか? (上に掲載) – DedicatedNoobGuy

+0

まず、このポストからあなたのAPIキーを削除してください。あなたは他人にそれを持たせたくありません。第二に、私はそうは思わない。おそらくブラウザからではなくサーバーから呼び出す必要があり、ブラウザにデータを渡す必要があります。バックエンドには何が書かれていますか? – nixkuroi

+0

私は現在、バックエンドを持っていませんでした。できるだけ軽く保つように努めていましたが、今のところcodepenをばかげていました。 – DedicatedNoobGuy

関連する問題