Appel d'une fonction C# pour redirection

Bonjour,

En fait, j'ai une page d'authentification pour se connecter via Facebook. Quand je clique sur le bouton facebook, j'aimerais rediriger l'utilisateur vers une autre page(la page Home) de mon application.

J'utilise les technologies suivantes : ASP.NET MVC, C#, Javascript(JQuery), JQuery Mobile

La vue Index.cshtml de mon controleur "Login" :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
 
   <head>
      <script>
        function statusChangeCallback(response) {
 
            if (response.status === 'connected') {
                // Logged into your app and Facebook.
                FB.api('/me', function (response) {
                    var faceID = response.id;
                    $("#redirectLink").attr("href", "/Home/Index?id=" + faceID);
                    console.log($("#redirectLink").attr("href"));
                    $("#redirectLink").trigger("click");
                });
 
            } else if (response.status === 'not_authorized') {
            } else {
            }
        }
 
        function checkLoginState() {
            FB.getLoginStatus(function (response) {
                statusChangeCallback(response);
 
            });
        }
 
      </script>
    </head>
 
    <body>
       <div id="fb-root"></div>
       <script>
        window.fbAsyncInit = function () {
         FB.init({
            cookie: true,
            appId: '******',
            xfbml: true,
            status: true, //check login status
            version: 'v2.0'
         });
        };
 
        (function (d, s, id) {
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) return;
 
            js = d.createElement(s); js.id = id;
            js.src = "//connect.facebook.net/fr_FR/all.js";
            js.async = true;
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));
 
        setTimeout(function () {
            // login();
        }, 2000);
      </script>
 
      <div data-role="page">
 
        <div data-role="ui-content">
            <fb:login-button id="facebookBtn" size="large"
                 onlogin="checkLoginState();">Login with Facebook
            </fb:login-button>
            <a id="redirectLink" style="display:none;" data-ajax="false" href="#" />
         </div>
      </div>

Home.cs :

Code:

1
2
3
4
5
6
7
8
9
public class HomeController : Controller
    {
 
        public ActionResult Index(long id)
        {
            return View();
        }
 
    }

Une partie de ma vue Index.cshtml de mon controleur "Home" qui ne contient pas de javascript :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
 
    <head>
      @Styles.Render("~/Content/css")
      @Scripts.Render("~/ScriptsJQuery")
 
      <meta name="viewport" content="width=device-width" />
    </head>
    <body>
     <div data-role="page">
        <div data-role="panel" id="userMenu" data-position="left" data-display="push" data-theme="g">
            <ul data-role="listview" data-theme="g">
                <li data-role="list-divider">Menu</li>
                <li><a data-ajax="false" href="/Home">Accueil</a></li>
                <li><a data-ajax="false" href="/CheckFridge">Mes ingr&eacute;dients</a></li>
                <li><a data-ajax="false" href="/AddRecipe">Ajouter une recette</a></li>
                <li><a data-ajax="false" href="#">D&eacute;connexion</a></li>
                <li><a data-ajax="false" href="/MyRecipes">Mes recettes</a></li>
                <li><a data-ajax="false" href="#">Partager</a></li>
 
            </ul>
        </div>
 
        <div data-role="header">
            <a id="menuBtn" href="#userMenu" style="position:absolute;"></a>
            <ul id="listMenu" style="display:none;" data-role="listview">
                <li><a href="#">@Session["user"]</a></li>
                <li><a data-ajax="false" href="@Url.Action("Disconnect","Login")">Deconnexion</a></li>
            </ul>
        </div>
 
        <div data-role="ui-content">
            <a data-role="button" href="@Url.Action("Index","CheckFridge")" data-theme="c" data-ajax="false" id="checkFridgeBtn">Check mon frigo</a>
            <a data-role="button" data-theme="c" id="classicSearch">Recherche classique</a>
        </div>
 
     </div>
    </body>

Le problème est avec la balise suivante dans le fichier index.cshtml du controleur "Login" :

Code:

<a id="redirectLink" style="display:none;" data-ajax="false" href="#" />

Si je fais data-ajax="true" et que je démarre le débugueur, je remarque qu'il va bien dans ma méthode 'index" de mon controleur Home mais ensuite, quand il va dans la vue index.cshtml de mon controleur Home, il exécute les deux premières lignes(@Styles.Render("~/Content/css"),@Scripts.Render("~/ScriptsJQuery")) et ensuite, il n'exécute pas le reste du document HTML.

Si je fais data-ajax="false", il ne va dans le controleur Home et donc, il n'exécute pas la vue 'index.cshtml' du controleur Home.

Avez-vous une solution ?

Merci