如何在代码后面使用javascript变量值

时间:2013-07-16 18:49:10

标签: c# javascript asp.net jquery

嗨我有facebook登录代码我想在后面的代码上使用javascript varibles值。我可以通过将它们保存在隐藏字段中来使用,但没有按钮点击,因此页面不会回发。

这是我的代码:

<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: '550050651719081', // App ID
            channelUrl: '//' + window.location.hostname + '/channel', // Path to your Channel File
            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) {
                    **document.getElementById('auth-displayname').innerHTML = me.name;

                    document.getElementById('Email').innerHTML = me.email;
                    document.getElementById('profileImg').src = uid;**
                })

            } 
        });

    }
</script>
<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">
Name: <b><span id="auth-displayname"></span></b>(<a href="#" id="auth-logoutlink">logout</a>)<br />
Email: <b><span id="Email"></span></b><br />
Profile Image: <img id="profileImg" />
</div>
</div>

代码工作正常但我想知道代码的名称,电子邮件和uid。

2 个答案:

答案 0 :(得分:1)

您已将这种或那种方式发送到服务器:

1)直接通过AJAX并使用MVC-Controller

在另一侧捕获它

2)间接地例如通过Server Controls和PostBack。

答案 1 :(得分:0)

如果使用WebForms,您可以使用hiddenfield服务器控件来保存可在回发时访问的值。

如果使用MVC,您可以向视图模型添加属性并使用Html.HiddenFor帮助程序,JavaScript可以访问它。

你可以使用ajax,启动here。这将允许您基本上在幕后为用户执行此操作,并允许在获取响应期间和之后进行转换。当然,您必须编写服务器端代码来捕获和处理此请求。