Appel d'une fonction C# pour redirection

**dark0502** · 28/07/2014, 20h19

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

<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

**sekaijin** · 29/07/2014, 07h26

merci de lire la charte du forum

et de ne poster ici que le code HTML du navigateur ainsi que le JS (CSS)
le code côté serveur n'a rien à faire dans ce forum

de plus si le problème concerne JQuery merci de poster dans le forum JQuery
mais ici je dirais qu'il s'agit d'un problème C# et donc à poster dans le forum ad-hoc.

pour finir penser à ajouter le langage dans les bbtag code [code=html]... [code=css]
pour plus de clarté.
A+JYT

Appel d'une fonction C# pour redirection

jQuery

Discussions similaires

Partager

Partager