javascript - FB Connect: response.name を表示

Question

FB ユーザーの response.name を php を使用してエコーしたいのですが、うまくいきません。私もそれを警告し、結果は「未定義」です

<div id="fb-root"></div> <script>
  window.fbAsyncInit = function() {
  FB.init({
    appId      : 'xxxxxxxxx',
    channelUrl : 'www.xxxxxxxxx.com',
    status     : true,
    cookie     : true,
    xfbml      : true
  });
  FB.Event.subscribe('auth.authResponseChange', function(response) {
    if (response.status === 'connected') {
      alert(getUserInfo());
    } else if (response.status === 'not_authorized') {
      FB.login();
    } else {
      FB.login();
    }
  });
  };
  (function(d){
   var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];
   if (d.getElementById(id)) {return;}
   js = d.createElement('script'); js.id = id; js.async = true;
   js.src = "//connect.facebook.net/en_US/all.js";
   ref.parentNode.insertBefore(js, ref);
  }(document));
  function getUserInfo() {
   var str='';
        FB.api('/me', function(response) {
       str=response.name;
    });
    return str
    }
</script>
<fb:login-button show-faces="false" width="200" max-rows="1" autologoutlink='true'></fb:login-button>

response.name を取得してデータベースに挿入したい。私が知る必要があるのは、それをphpの変数に入れる方法だけだと思いますか? またはそれをjavascript変数に入れて、phpファイルに送信します。