jquery - 在asp.net mvc5中调用jQuery显示一个div

Question

我的 HTML 页面中有一个 div 标签，它用警报类装饰，用于在登录失败时显示警报。如何显示来自 asp.net mvc5 Controller 的 div。我通过在我的 View (cshtml)中编写以下脚本将其隐藏:

 $(document).ready(function () {
        $("#divAlert").hide();

    });

这就是我在 Controller 中尝试的:

public ActionResult Login(Models.userDetails UD)
        {
            LoginApplicationEntity LE = new LoginApplicationEntity();
            userDetails udd = new userDetails();
            bool g = TryUpdateModel(UD);
            if (ModelState.IsValid)
            {

                if (LE.user_details.Any(x => x.User_Name == UD.User_Name
                                        && x.User_Password == UD.User_Password))
                {
                    return RedirectToAction("LoginSuccessful", new { userName = UD.User_Name });
                }
                else
                {

                    var script = "$('#divAlert').show();";
                    return JavaScript(script);


                }
            }
            else
                return RedirectToAction("Index");

        }

这似乎根本不起作用。我以前没有这样做过。请帮忙。

Answer 1

使用 ViewBag 存储 bool 标志。在服务器端，当您的登录脚本失败时，而不是

var script = "$('#divAlert').show();";
return JavaScript(script);

将真实值保存到 ViewBag 中，如下所示:

ViewBag.ShowAlert = true;

然后在客户端的 View 中，您可以使用 Razor 添加一些逻辑来解释 ViewBag 中的标志。例如:

var showAlert = @ViewBag.ShowAlert;
if (showAlert) {
    $('#divAlert').show();
}
else {
    $('#divAlert').hide();
}