Javascript MVC引导注销

是否可以将MVC logoutForm或Functionality插入到.js文件中

我要检查用户是否登录到/View/Shared/_layout.cshtml页面，如下所示：

@using Microsoft.AspNet.Identity

@if (Request.IsAuthenticated) 
{
    @Html.AntiForgeryToken()
    @Scripts.Render("~/bundles/bootstrapped")
} else {
    @Scripts.Render("~/bundles/bootstrap")
}

bootstrap.js：

$(document).ready(function(){
    $('head').prepend('<link rel="stylesheet" href="/Content/docs.css" type="text/css" media="screen">');
    $('body').prepend('<div id="panel"><div class="navbar navbar-inverse navbar-fixed-top" id="advanced"><span class="trigger"><strong></strong><em></em></span><div class="navbar-inner"><div class="container"><button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-top-collapse"><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><div class="nav-collapse collapse nav-top-collapse"><ul class="nav"><li class="home"><a href="/" title="Home"><img src="/Images/tm_home.png" alt="Home"></a></li><li class=""><a href="/Home/Help" title="Help">Help</a></li><li><a href="/Account/Register" title="Register">Register</a></li><li class=""><a href="/Account/Login" title="Login">Login</a></li></ul></div></div></div></div></div>');
}); 

$（文档）.ready（函数（）{
$（'head'）。前置（''）；
$（'body'）。前置（'
）；
}); 

bootstrapped.js：

$(document).ready(function(){
    $('head').prepend('<link rel="stylesheet" href="/Content/docs.css" type="text/css" media="screen">');
$('body').prepend('<div id="panel"><div class="navbar navbar-inverse navbar-fixed-top" id="advanced"><span class="trigger"><strong></strong><em></em></span><div class="navbar-inner"><div class="container"><button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-top-collapse"><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><div class="nav-collapse collapse nav-top-collapse"><ul class="nav"><li class="home"><a href="/" title="Home"><img src="/Images/tm_home.png" alt="Home"></a></li><li class=""><a href="/Home/Help" title="Help">Help</a></li><li class=""><a href="/Account/Manage" title="Manage">Manage</a></li><li class=""><a href="somethinghere" title="Logout">Logout</a></li></ul></div></div></div></div></div>');
});

$（文档）.ready（函数（）{
$（'head'）。前置（''）；
$（'body'）。前置（'
）；
});

我注意到原始WebApplication1 MVC项目中有一个/View/Shared/_LoginPartial.cshtml，其中包含以下内容：

@Html.ActionLink("Hello " + User.Identity.GetUserName() + "!", "Manage", "Account", routeValues: null, htmlAttributes: new { title = "Manage" })

<li><a href="javascript:document.getElementById('logoutForm').submit()">Log off</a></li>

@Html.ActionLink（“Hello”+User.Identity.GetUserName（）+”！“，“Manage”，“Account”，routeValue:null，htmlAttributes:new{title=“Manage”}）

如果可能的话，我想把这个函数放到boostrapped.js文件中

---

任何帮助都将不胜感激：-）

您为什么要使用javascript编写几乎静态的html，而不只是在视图中放置原始的html？至于你的问题，你可能需要定义一个id=logoutForm，action=yourLogoutAction的表单，然后在表单前面加上最后一个代码片段到主体中。但我不明白你为什么要这么做？您想要完成的是什么？理想情况下，我希望创建一个动态bootstrap.js，并使用Microsoft.AspNet.Identity从布局页面中删除

，但不知道如何执行。