ASP.net MVC，jQuery的塊UI，Ajax

Question

我非常新的asp.net MVC架構。那麼我試圖加載頁面右上角的登錄鏈接。點擊我想jQuery的阻止用戶界面顯示我的用戶名和密碼文本框和按鈕登錄，當用戶登錄時，我wan頂部div刷新沒有整頁回發，而不是說「登錄|註冊」它應該更改爲「歡迎|登出「

馬斯特頁

<div id="page"> 
    <div id="header"> 
     <% Html.RenderPartial("LogInOutAndRegistrationHeader"); %> 
    </div> 
    <div id="masterContainer" > 
     <div id="masterContainerHeader"> 

     </div> 
     <asp:ContentPlaceHolder ID="MainContent" runat="server" /> 
    </div> 
    <div id="footer"> 
     Copy rights 
    </div> 
    <div id="overlay"> 
     <!--jquery block overlay loaded here at run time--> 
    </div> 
</div> 
<div id="contentOverlay"> 
    <!--jquery block overlay loaded here at run time--> 
</div> 
<script language="javascript" type="text/javascript"> 

    function displayOverlay(overlayUserControls) { 
     $.blockUI({ 
     draggable: true, // draggable option is only supported when jquery UI script is included 
     message: $("#contentOverlay").load(overlayUserControls, null, null) 
     }); 
     return false; 
    } 

    document.onkeydown = function(e) { 
     if (e == null) { // ie 
     keycode = event.keyCode; 
     } else { // mozilla 
     keycode = e.which; 
     } 
     if (keycode == 27) { // escape, close box 
     unBlockOverlay(); 
     } 
    }; 

    function unBlockOverlay() { 
     $.unblockUI(); 
    } 
</script> 

LogInOutAndRegistrationHeader.ascx

<% using (Ajax.BeginForm(new AjaxOptions { UpdateTargetId = "LogInOutAndRegistration", OnComplete = "LoginComplete" })) 
    {%> 
    <div id="LogInOutAndRegistration"> 
    <ul> 
     <% 
    if (Session.HasValue(SessionKey.UserId)) 
    { 
     %> 
     <il>Welcome, <strong><%=Session.GetValue<string>(SessionKey.EmailId, string.Empty)%></strong> | </il> 
     <il><%=Ajax.ActionLink("Log out", "Logout", new AjaxOptions { UpdateTargetId = "LogInOutAndRegistration" })%></il> 
     <% 
    } 
    else 
    { 
     %> 
     <il><a id="aLogin" href="#" >Login</a> | </il> 
     <il><a id="aRegister" href="#" >Register</a></il> 
     <%} %> 
    </ul> 
    </div> 
<% } %> 

<script language="javascript" type="text/javascript"> 
    $(document).ready(function() { 
    $("#aLogin").click(function() { 
     displayOverlay("/Profile/LogIn"); 
    }); 

    $("#aLogout").click(function() { 
     displayOverlay("/Profile/LogOut"); 
    }); 

    $("#Register").click(function() { 
     displayOverlay("/Profile/Registration"); 
    }); 
    }); 

    function LoginComplete() { 
    $.unblockUI(); 
    } 
</script> 

任何形式的幫助，非常感謝....感謝

Answer 1

你是說你遇到的問題是失敗的Ajax調用？

您需要爲您的global.asax中的ajax調用定義另一個路由。

例如：簡單的使用jquery ajax就可以了。

URL = "XYZ/Method/" 
//where XYZController is the controller classname and "Method" is the method that performs/returns whatever you need. 


$('#someDiv').load(URL); 
..... 
//In your global.asax place this after your "Default" route. 
routes.MapRoute("jQuery" 
      , "XYZ/Method/{Id}" 
      , new { controller = "XYZ" 
        , action = "Method" 
        , id = UrlParameter.Optional 
      });