Wie wechsle ich zwischen 2 Teilansichten?

Question

Ich habe 2 Teilansichten in meinem Projekt. Eine davon ist ein LogIn Teilansicht, die ein Teil meines Masterpage ist (Layout), und es muss mit einem Benutzernamen und Passwort ausgefüllt werden, nachdem eine Taste

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

Der zweite ein Postteil ist angeklickt wird, dass der Benutzer begrüßt wenn sie den richtigen Benutzernamen und das Passwort eingeben.

Wie kann ich zwischen den Teilansichten wechseln?

Answer 1

Rufen Sie diese zwei partial views auf zwei <div> Tags mit eindeutigen ID. Überprüfen Sie username und password mit dem Ajax-Code. Wenn es erfolgreich ist, dann hide die erste Teilansicht und show die zweite Teilansicht, die die "Willkommen" Nachricht enthält.

ZB:

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

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

Script

$("#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) { 

     } 
    }); 
})