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));
-    });
-
-    testAPI();
+        statusChangeCallback(response);
+    });   
 }
 
 window.fbAsyncInit = function() {
@@ -63,17 +61,17 @@ window.fbAsyncInit = function() {
     });
 };
 
-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'});
-    
+function testAPI() {                      // Testing Graph API after login.  See statusChangeCallback() for when this call is made.   
     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 API回傳資料: ' + JSON.stringify(response));
+        console.log('成功登入: ' + response.name + ', email = ' + response.email + ', id = ' + response.id);
+        
+        // 設定欄位預設值
+        $('#email').text(response.email);
+        $('#name').text(response.name);
+
+        // 隱藏FB登入按鈕
+        $('#fb_login').hide();
     });
 };
 </script>