ASP.NET MVC控制器中JavaScript失效：登录成功弹窗不显示

我来帮你拆解下为什么这段JavaScript代码没效果——你踩了ASP.NET MVC里一个很常见的小坑：

你在登录成功后调用了JavaScript("alert(Welcome Dear Admin)")，但紧接着又执行了return RedirectToAction("Index", "Home")。这里的关键是：控制器一次只能返回一个ActionResult，当你返回重定向结果时，浏览器会直接收到跳转指令，去请求Home/Index页面，之前的JavaScriptResult根本不会被浏览器执行，自然就看不到弹窗了。

下面给你两种可行的解决方案，你可以根据需求选择：

方案一：用TempData传递提示，在目标页面弹窗（推荐） #

这种方式适合登录成功后跳转页面的场景，把提示信息存在TempData里，在跳转后的页面渲染弹窗脚本：

1. 修改后台Login的Post方法 #

[HttpGet]
public ActionResult LogIn() 
{ 
    return View(); 
} 

[HttpPost]
public ActionResult LogIn(tblUser user) 
{ 
    if (ModelState.IsValid) 
    { 
        var logData = UserBLL.LogInCheck(user); 
        if (logData != null) 
        { 
            // 把提示信息存到TempData，它会在一次重定向后保留数据
            TempData["LoginSuccessMsg"] = "Welcome Dear Admin";
            Session["user"] = "Admin"; 
            return RedirectToAction("Index", "Home"); 
        } 
    } 
    return View(); 
}

2. 在Home/Index视图（或布局页）添加弹窗脚本 #

打开Index.cshtml（或者你的全局布局页_Layout.cshtml，这样所有页面都能复用这个逻辑），添加这段代码：

@{
    // 读取TempData里的提示信息
    var successMsg = TempData["LoginSuccessMsg"] as string;
}

@if (!string.IsNullOrEmpty(successMsg))
{
    <script>
        // 弹出提示框，用单引号包裹避免和HTML的双引号冲突
        alert('@successMsg');
    </script>
}

方案二：返回登录页面并显示提示（不推荐跳转场景） #

如果不想跳转后显示，而是想在登录页面先弹提示再跳转（这种情况需要用JS来跳转），可以修改后台返回View，同时在View里渲染脚本：

1. 修改后台Post方法 #

[HttpPost]
public ActionResult LogIn(tblUser user) 
{ 
    if (ModelState.IsValid) 
    { 
        var logData = UserBLL.LogInCheck(user); 
        if (logData != null) 
        { 
            Session["user"] = "Admin"; 
            // 把跳转标记和提示信息存到ViewBag
            ViewBag.LoginSuccess = true;
            ViewBag.SuccessMsg = "Welcome Dear Admin";
            return View(); // 返回登录页面而不是重定向
        } 
    } 
    return View(); 
}

2. 在登录视图LogIn.cshtml添加脚本 #

@if (ViewBag.LoginSuccess == true)
{
    <script>
        alert('@ViewBag.SuccessMsg');
        // 弹窗后跳转到首页
        window.location.href = '@Url.Action("Index", "Home")';
    </script>
}

不过这种方案的缺点是，用户刷新登录页面时会重复执行脚本，所以更推荐第一种方案。

内容的提问来源于stack exchange，提问作者Mohammad Haeri