0

FacebookのJS SDKを使用して、ユーザー管理者のFacebookページを選択して表示しています。Facebookページの選択ボックス

アレイを取る最良の方法は、response.dataから戻ってselectに入りますか?

<div id="fb-root"></div> 
    <script src="http://connect.facebook.net/en_US/all.js"> 
    </script> 
    <script> 
    FB.init({ 
    appId:'119406238144386', cookie:true, 
    status:true, xfbml:true 
    }); 
    FB.api('/me/accounts/', function(response) { 
     alert(response.data); 
    }); 
    </script> 
    <select id="pages"></select> 
    <fb:login-button perms="manage_pages">Connect to Facebook</fb:login-button> 

答えて

3

Facebookはオブジェクト配列内のオブジェクトを返します。したがって、それぞれをループして新しいhtmlオブジェクト項目を選択リストに追加してください。

のjQueryのない完全な作業例:

<!DOCTYPE html> 
<html> 
<body> 
<div id="fb-root"></div> 
<a href="#" onclick="getPages();return false;">Get Pages</a> 

<select id="pages" style="display:none;"></select> 

<script src="http://connect.facebook.net/en_US/all.js"></script> 
<script> 
    FB.init({ appId: 'your app id', status: true, cookie: true, xfbml : true }); 

    function getPages() { 
    FB.login(function(response) { 
     if (response.session && response.perms) { 
     FB.api('/me/accounts/', function(response) { 
      var pages = document.getElementById('pages'); 
      pages.style.display = 'block'; 
      for(var i =0; i < response.data.length; i++) 
      { 
       pages[i] = new Option(response.data[i].name); 
      } 
      } 
     ); 
     } 
    } , {perms:'manage_pages'}); 
} 
</script> 
</body> 
</html> 
+1

WOW。ありがとうありがとう。 – Brenden

+0

私はすべてのページをドロップダウンしたら、何をすべきか分かりません。どのように実際にそのユーザーになるのですか? – eliwedel

1
FB.api('/me/accounts/', function(response) { 
    for i in response.data { 
    var option = $('<option></option>') 
        .attr("val",response.data[i]) 
        .html(reponse.data[i]); 
    $('#pages').append(option); 
    } 
}); 

私はちょうどresponse.dataは、アレイをバック与えていると仮定しています。