asp.net MVC2 初探十二

今天教你使用Jquery調用Ajax提交請求。驗證用戶登陸，這裏必定要寫登陸，不要寫登錄，這是從吉日嘎啦(是個大師級人物)那裏得知的。不廢話了，先看Controller

public ActionResult Login(FormCollection form)
                {
                         string result = "no";
                         if (Request.IsAjaxRequest())
                        {
                                 string name = form[ "name"];
                                 string pwd = form[ "pwd"];
                                
                                 if (name.Equals( "admin") && pwd.Equals( "admin"))
                                {
                                        result = "ok";
                                        HttpCookie cookie = new HttpCookie( "user");
                                        cookie.Value = name;
                                        Response.Cookies.Add(cookie);
                                }
                                Response.CacheControl = "no-cache";
                        }
                         return Content(result);
                }

這段我只解釋最後一句，Content(result)返回的是一個文本內容，也就是個字符串。

咱們再看看頁面的代碼

< asp:Content ID ="Content1" ContentPlaceHolderID ="TitleContent" runat ="server" >    
                Index    
</asp:Content>    
< asp:Content ID ="Head" ContentPlaceHolderID ="HeadContent" runat ="server" >    
                 < script language ="javascript" type ="text/javascript" src ="../../../jquery-1.3.2.min.js" > </script>    
                 < script type ="text/javascript" >    
             function cookieInfo() {    
                    var cookie = document.cookie;    
                    var name = "";    
                    if (cookie != "") {    
                       var begin = cookie.indexOf('=') + 1;    
                       name = cookie.substring(begin, cookie.length);    
                                         }    
                                   return name;    
                                }    
                   $(function () {    
                       if (cookieInfo() == "") {    
                                  $("#login").show();    
                                 $("#logInfo").hide();    
                                                }    
                       else {    
                               $("#login").hide();    
                               $("#logInfo").show();    
                             }    
                            $("#login").ajaxSend(function () {    
                               $(this).hide();    
                               $("#showLog").show();    
                               $("#showLog").html("請等待...");    
                                            });    
                   $("#btnLogin").click(function () {    
          $.post("/System/Code/Login", { name: $("#txtName").val(), pwd: $("#txtPwd").val() },    
              function (data) {  $("#login").show();    
                       $("#showLog").hide();    
 if (data.indexOf("ok") != -1)   {  var name = cookieInfo();    
    $("#login").html("歡迎你:" + name);    
 }    
else { if ($("#login").html().indexOf("用戶名或密碼錯誤") == -1)                                                                                                                     $("#login").prepend("用戶名或密碼錯誤 < br >");    
                              }    
                       });    
              });    
      }); 
     </script>
</asp:Content>
< asp:Content ID ="Content2" ContentPlaceHolderID ="MainContent" runat ="server" >
         < div id ="login" >
                用戶名： < %=Html.TextBox("t1", "", new { id = "txtName" }) % > < br />
                密碼：
                 < %=Html.TextBox("t2", "", new { id = "txtPwd" })% > < br />
                 < input type ="button" value ="登錄" id ="btnLogin" />
         </div>
         < div id ="showLog" >
         </div>
         < div id ="logInfo" >
                歡迎你: < %=this.Request.Cookies["user"]==null?"":Request.Cookies["user"].Value% >
         </div>
</asp:Content>