2つのパーシャルビューの間でどのように変更しますか？

Question

プロジェクトに2つの部分ビューがあります。一つは、私のマスターページ（レイアウト）の一部されるログイン部分図であり、それは、ボタンを1秒は、ユーザーを歓迎そのポスト部分である

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

の2つの<div>タグでこれらの2つをpartial viewsと呼びます。 ajaxコードを使用してusernameとpasswordをチェックしてください。成功した場合は、hideの最初の部分図とshowの2番目の部分図に、「ようこそ」メッセージが含まれています。

例：

<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) { 

     } 
    }); 
})