facebook javascript login api

< body >

< div id="fb-root" >< /div >

< script src="//connect.facebook.net/zh_TW/all.js" >< /script >

< script >

FB.init({

appId : '105462332907294', // App ID

channelURL : '//www.17ball.net/channel.html', //channel.html 網址

status : true, // check login status

cookie : true, // enable cookies to allow the server to access the session

oauth : true, // enable OAuth 2.0

xfbml : true // parse XFBML

});

function facebookLogin() {

// 判斷是否已經有FB的login session 如果以登入 可以跳過登入的步驟進行下一步

FB.getLoginStatus(function (response) {

if (response.authResponse) {

getFacebookUser();

} else {

FB.login(function (response) {

if (response.authResponse) {

getFacebookUser();

} else {

//alert('!authResponse');

}

}, {

scope: 'email'

});

}

});

}

function getFacebookUser(){

FB.api('/me', function(user) {

if (user) {

document.form.UserName.value=user.first_name+'_facebook';

document.form.password.value=user.id;

document.form.RetypePassword.value=user.id;

document.form.UserEmail.value=user.email;

//alert(':'+document.form.UserName.value+':');

document.facebookLoginForm.submit();

}

});

}

< a href="javascript:facebookLogin()" >< img src="images/facebooklogin.gif" align="absmiddle" border="0" / >< /a >

< form method="post" name="facebookLoginForm" action="CreateUser.asp" >

< input type="hidden" name="menu" value="AddUserName" >

< input type="hidden" name="ReferrerName" value="" >

< input type="hidden" name="ActivationKey" value="" >

< input type="hidden" name="UserName" size="40" value="" >

< input type="hidden" name="password" size="40" maxLength="16" value="" >

< input type="hidden" name="RetypePassword" size="40" value="" >

< input type="hidden" name="UserEmail" size="40" value="" >

< input type="hidden" name="action" MaxLength="4" size="10" value="facebook" >

< /form >

< /body >