facebook登录数据显示在页面上,但如何在mvc4中的数据库中插入该数据 [英] facebook login data dispaly on page but how to insert that data in database in mvc4
本文介绍了facebook登录数据显示在页面上,但如何在mvc4中的数据库中插入该数据的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我在我的网站上整合了facebook登录。我使用facebook登录时显示用户的所有数据..但我不知道如何将数据插入数据库usign mvc4
我的编码是
i integrate facebook login in my website . i display all data of user when it login using facebook..but i dont know how to insert that data into database usign mvc4
my coding is
<script>
// Load the SDK Asynchronously
(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));
// Init the SDK upon load
window.fbAsyncInit = function () {
FB.init({
appId: '1487218401557663', // Write your own application id
channelUrl: '//' + window.location.hostname + '/channel', // Path to your Channel File
scope: 'id,name,gender,user_birthday,email',
status: true, // check login status
cookie: true, // enable cookies to allow the server to access the session
xfbml: true // parse XFBML
});
// listen for and handle auth.statusChange events
FB.Event.subscribe('auth.statusChange', function (response) {
if (response.authResponse) {
// user has auth'd your app and is logged into Facebook
var uid = "http://graph.facebook.com/" + response.authResponse.userID + "/picture";
FB.api('/me', function (me) {
if (me.name) {
document.getElementById('auth-displayname').innerHTML = me.name;
document.getElementById('Email').innerHTML = me.email;
document.getElementById('BD').innerHTML = me.birthday;
document.getElementById('profileImg').src = uid;
document.getElementById('Gender').innerHTML = me.gender;
$("#Model.FirstName").val(false);
}
})
document.getElementById('auth-loggedout').style.display = 'none';
document.getElementById('auth-loggedin').style.display = 'block';
} else {
// user has not auth'd your app, or is not logged into Facebook
document.getElementById('auth-loggedout').style.display = 'block';
document.getElementById('auth-loggedin').style.display = 'none';
}
});
$("#auth-logoutlink").click(function () { FB.logout(function () { window.location.reload(); }); });
}
</script>
<div style="height: 500px; margin-left: 23px;">
<h1>
Facebook Login Authentication Example</h1>
<div id="auth-status">
<div id="auth-loggedout">
<div class="fb-login-button" autologoutlink="true" scope="email,user_checkins">
Login with Facebook</div>
</div>
<div id="auth-loggedin" style="display: none">
Hi, <span id="auth-displayname"></span> <br />
Email: <span id="Email"></span><br/> Ammar's Birthday <span id="BD"></span><br/>
Gender :<span id="Gender"></span><br/>
<br />
Profile Image:
<img id="profileImg"/>
</div>
</div>
@using (@Html.BeginForm("Index"))
{
<input type="submit" value="submit" />
}
推荐答案
(#Model.FirstName ).VAL(假);
}
})
document.getElementById('auth-loggedout')。style.display ='none';
document.getElementById('auth-loggedin')。style.display ='block';
} else {
//用户未对您的应用进行身份验证,或未登录Facebook
document.getElementById('auth-loggedout')。style.display ='block' ;
document.getElementById('auth-loggedin')。style.display ='none';
}
});
("#Model.FirstName").val(false); } }) document.getElementById('auth-loggedout').style.display = 'none'; document.getElementById('auth-loggedin').style.display = 'block'; } else { // user has not auth'd your app, or is not logged into Facebook document.getElementById('auth-loggedout').style.display = 'block'; document.getElementById('auth-loggedin').style.display = 'none'; } });
(#auth-logoutlink)。click(function(){FB.logout(function(){window.location。 reload();});});
}
< / script >
< div style = height:500px; margin-left:23px; >
< h1 >
Facebook登录验证示例< / h1 > ;
< div id = auth-status >
< div id = auth-loggedout >
< div < span class =code-attribute> class = fb-login-button autologoutlink = true 范围 = email,user_checkins >
使用Facebook登录< / div >
< / div >
< div id = auth-loggedin style = display:none >
Hi,< span < span class =code-attribute> id = auth-displayname > < / span > < br / >
电子邮件:< span id = 电子邮件 > < / span > < br / > Ammar's Bir thday < span id = BD > < / span > < br / > ;
性别:< span id = 性别 > < / span > < br / >
< br / > ;
个人资料图片:
< img id = profileImg / >
< / div >
< / div >
@using(@ Html.BeginForm(Index))
{
< 输入 类型 = submit value = 提交 / >
}
("#auth-logoutlink").click(function () { FB.logout(function () { window.location.reload(); }); }); } </script> <div style="height: 500px; margin-left: 23px;"> <h1> Facebook Login Authentication Example</h1> <div id="auth-status"> <div id="auth-loggedout"> <div class="fb-login-button" autologoutlink="true" scope="email,user_checkins"> Login with Facebook</div> </div> <div id="auth-loggedin" style="display: none"> Hi, <span id="auth-displayname"></span> <br /> Email: <span id="Email"></span><br/> Ammar's Birthday <span id="BD"></span><br/> Gender :<span id="Gender"></span><br/> <br /> Profile Image: <img id="profileImg"/> </div> </div> @using (@Html.BeginForm("Index")) { <input type="submit" value="submit" /> }
这篇关于facebook登录数据显示在页面上,但如何在mvc4中的数据库中插入该数据的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文