Question

我的项目中有两个部分视图。一个是LogIn局部视图，它是我的母版页（布局）的一部分，在点击一个按钮后需要填写用户名和密码。

    Nickname:
    @Html.EditorFor(x => x.NickName)
    </div>
    <div>
        Password:
        @Html.EditorFor(x => x.Password)
    </div>
<button type="submit">Click to log in!</button>

第二个是部分帖子，如果他们输入正确的用户名和密码，欢迎用户。

如何在部分视图之间进行更改？

Answer 1

使用唯一partial views在两个<div>代码上调用这两个ID。使用ajax代码检查username和password。如果成功，则hide第一个部分视图和show第二个部分视图，其中包含“欢迎”消息。

例如：

<div id ="Login">
   @Html.Action("LoginView","Account");
</div>

 <div id ="Welcome" class="hide">
   @Html.Action("WelcomeView", "Home");
 </div>

脚本

$("#Login").click(function () {
   var username = $("#NickName").val();
   var password = $("#Password").val();
   $.ajax({
        url: "/Account/Login",
        data: { username: username,password:password },
        cache: false,
        type: "POST",
        success: function (data) {
            if(data == true)
             {
                 $("#Welcome").addclass("show").removeclass("hide");
                 $("#Login").addclass("hide").removeclass("show");
             }
         },
        error: function (reponse) {

        }
    });
})

如何在两个部分视图之间进行更改？

1 个答案: