facebook javascript api调用返回undefined

Question

我遇到了Facebook的javascript sdk问题。根据文档，我正在尝试做一个简单的api调用，它会返回我的名字。应弹出一个警告，说明“你的名字是”，但我得到的是“你的名字未定义”。我错过了什么吗？

php SDK运行良好，所以我知道这不是关于应用程序设置的错误。我目前也登录了应用程序。

<div id="fb-root"></div>
<script>
      window.fbAsyncInit = function() {
        FB.init({
          appId: '<app id>',
          cookie: true,
          xfbml: true,
          oauth: true
        });
        FB.Event.subscribe('auth.login', function(response) {
          window.location.reload();
        });
        FB.Event.subscribe('auth.logout', function(response) {
          window.location.reload();
        });

        FB.api('/me', function(response) {
          alert('Your name is ' + response.name);
        });
      };

      (function() {
        var e = document.createElement('script'); e.async = true;
        e.src = document.location.protocol +
          '//connect.facebook.net/en_US/all.js';
        document.getElementById('fb-root').appendChild(e);
      }());


</script>