facebook login data dispaly on page but how to insert that data in database in mvc4

See more:

ASP.NET

MVC

ASP.NET4

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" />


      }