FB Login

desktop11/index.html

@@ -44,10 +44,8 @@ function statusChangeCallback(response) {  // Called with the results from FB.ge
 
 function checkLoginState() {               // Called when a person is finished with the Login Button.
     FB.getLoginStatus(function(response) {   // See the onlogin handler
-        console.log(statusChangeCallback(response));
+        statusChangeCallback(response);
     });
-
-    testAPI();
 }
 
 window.fbAsyncInit = function() {
@@ -60,20 +58,21 @@ window.fbAsyncInit = function() {
 
     FB.getLoginStatus(function(response) {   // Called after the JS SDK has been initialized.
         statusChangeCallback(response);        // Returns the login status.
-    });ㄑ
+    });
 };
 
 function testAPI() {                      // Testing Graph API after login.  See statusChangeCallback() for when this call is made.
     console.log('Welcome!  Fetching your information.... ');
-    
-    // FB.login(function(response) {
-    //     console.log('FB.login: ' + JSON.stringify(response));
-    // }, {scope: 'public_profile,email'});
-    
+       
     FB.api('/me/?fields=id,name,email', function(response) {
-        console.log('testAPI(): ' + JSON.stringify(response));
-        console.log('Successful login for: ' + response.name + ', email = ' + response.email + ', id = ' + response.id);
-        document.getElementById('status').innerHTML = 'Thanks for logging in, ' + response.name + '!';
+        console.log('FB成功登入: ' + JSON.stringify(response));
+
+        // 設定欄位預設值
+        $('#email').text(response.email);
+        $('#name').text(response.name);
+
+        // 隱藏FB登入按鈕
+        $('#fb_login').hide();
     });
 }
 </script>
@@ -416,7 +415,7 @@ function testAPI() {                      // Testing Graph API after login.  See
                                 使用FB填入信箱與姓名
                             </div> -->
                             
-                            <fb:login-button scope="public_profile,email" onlogin="checkLoginState();">使用FB填入信箱與姓名</fb:login-button>
+                            <fb:login-button id="fb_login" scope="public_profile,email" onlogin="checkLoginState();">使用FB填入信箱與姓名</fb:login-button>
                             <div id="status"></div>
                             
                             <input type="text" name="email" id="email" placeholder="請輸入信箱" required>