如何在jQuery中获取ViewBag数据

嗨，我正在MVC5中开发Web应用程序。我的用户名和密码字段的登录表单如下。

@using (Html.BeginForm("ClickAction", "Login", FormMethod.Post))
{
           @Html.TextBox("txtUid", null, new { @maxlength = "15", id = "txtUid",  
           @class = "form-control validate[requiredInLogin] text-input "})
           @Html.Password("txtPassword", null, new { @maxlength = "15", id = 
           "txtPassword", @class = "form-control validate[requiredOutLogin] text-input" })
           <input type="submit" class="btn btn-primary btnLogin red" 
           value="SIGN IN" name="submit" />
}

我有以下动作方法，

  [HttpPost]
        public ActionResult ClickAction()
        { 
         //Some logic
         //When 3 unsuccessful attempts made to login then i set
         //ViewBag.captcha = true; 
         return View();
        }

我将进行3次失败的尝试登录，然后将ViewBag.Captcha设置为true。将ViewBag.captcha设置为true后，我想访问viewbag.captcha值，我想显示验证码。我可以知道如何访问ViewBag值？任何帮助，将不胜感激。谢谢，

同时，我尝试了以下选项，

@{
    var message = ViewBag.captcha;
}

然后在JS

中

var message = '@message';
if (message)
{
alert(message);
}

以下是我的登录视图。

<html>
<head></head>
<body>
    <div id="formID">
        @*<form id="formID">*@
        <div class="loginContainer">
            <div class="loginContentArea">
                <div class="loginLogo"><img src="~/images/c3card.png" alt="C3 Card"  align="middle" /></div>
                @using (Html.BeginForm("ClickAction", "Login", FormMethod.Post))
                {
                    <div class="loginUsernamePassword">
                        <i class="fa fa-user"></i>
                        @Html.TextBox("txtUid", null, new { @maxlength = "15", id = "txtUid",  @class = "form-control validate[requiredInLogin] text-input ", placeholder = "Username", autocomplete = "off" })
                    </div>
                    <div class="loginUsernamePassword">
                        <i class="fa fa-lock"></i>
                        @Html.Password("txtPassword", null, new { @maxlength = "15", id = "txtPassword", @class = "form-control validate[requiredOutLogin] text-input", placeholder = "Password", autocomplete = "off", Style = "background:#FFFFFF;" })
                   </div>
                    <div class="errormessage">@TempData["Message"]</div>
                    <div class="captcha" id="captcha">
                        <div class="g-recaptcha" data-badge="inline" data-sitekey=@System.Configuration.ConfigurationManager.AppSettings["recaptchaPublicKey"]></div>
                        <br />
                    </div>
                        <div class="loginButton">
                            <input type="submit" class="btn btn-primary btnLogin red" value="SIGN IN" name="submit" />
                        </div>
                        <div class="loginLink">@Html.ActionLink("Forgot Your Password?", "Index", "ForgotPassword")@*<a href="#" data-featherlight="#recoverpwd"></a>*@</div>
                        }
                    </div>
        </div>
    </div>
    <script type="text/javascript">
        $(function () {
            $('input[type=password]').each(function () {
               $(this).attr('data-background-color', $(this).css('background-color'));
               $(this).css('background-color', $(this).css('color'));
                $(this).attr('type', 'text');
                $(this).focus(function () {
                    $(this).attr('type', 'password');
                    $(this).css('background-color', $(this).attr('data-background-color'));
                });
                $(this).blur(function () {
                    $(this).css('background-color', $(this).css('color'));
                    $(this).attr('type', 'text');
                });
            });
        });
        jQuery(document).ready(function () {
            @{ var message = ViewBag.captcha; }
            alert(message);
            if (message) { alert(message); }
            $("[id=captcha]").hide();
            // binds form submission and fields to the validation engine
            jQuery("#formID").validationEngine();
            $("formID").attr('autocomplete', 'off');
            $('#txtUid').attr('autocomplete', 'off');
            $('#txtPassword').attr('autocomplete', 'off');
        });
        $("#myinput").rules("add", {
            minlength: 2
        });
    </script>
</body>
</html>

这对我不起作用。

我可以知道在上述情况下访问ViewBag值的正确方法吗？任何帮助都非常感谢。太感谢了。

由于您正在使用剃须刀，因此可以这样做：1.将您的视图袋值获取变量

<script type="text/javascript">
    var message = "@ViewBag.captcha";
</script>

您不必在文档中准备就绪。2.但是，变量是类型字符串。为了在函数中使用它，您将必须执行类似的操作：

If(message.toLowerCase() == "true")

为了获得所需的效果。

要将其转换为布尔值，您可以使用

之类的东西

message = message.toLowerCase() === "true"

希望它有帮助

您可以这样初始化一个ViewBag值：

ViewBag.captcha = "true";

然后您可以在视图中这样访问它：

var message = @ViewBag.captcha;

从这里开始，您将能够使用message。您本质上所做的是以下内容：

您初始化ViewBag.captcha（请注意，该部分已评论）
您将其放入一个称为message
您尝试将@message作为string，但您没有使用JavaScript值计算

您可以像下面的JS一样更改消息变量，然后尝试

jQuery(document).ready(function () {
        var message = '@ViewBag.captcha'; //change it here
        if (message)
        {
          alert(message);
        }
        $("[id=captcha]").hide();
        // binds form submission and fields to the validation engine
        jQuery("#formID").validationEngine();
        $("formID").attr('autocomplete', 'off');
        $('#txtUid').attr('autocomplete', 'off');
        $('#txtPassword').attr('autocomplete', 'off');
    });

相关内容

最新更新

热门标签：