自学MVC(五):Jquery里的Ajax的实现2009年05月06日

 今天在做登陆界面,由于我的登陆界面是一个模态窗体,如果用常规的post 方法,会导致页面刷新,弹出来的模态窗体又会消失掉.所以我就想能不能Ajax无刷新的验证呢?
         查了下资料,在jquery里很容易实现,jquery+json+一个aspx的页面负责验证就可以了.

          一个javascript函数负责把参数post到aspx页面
      ///ajax异步请求数据,验证用户登陆情况
  function validateUser() {
      $.post("http://www.cnblogs.com/Validate/ValidateUser.aspx", { Action: "post", Name: $("#loginusername").val(), Pwd: $("#loginpassword").val() },
  function(data, textStatus) {
      if (data.result == "false") {
          alert('登陆失败');
      }
      else {
          alert('登陆成功');
      }
  }, "json");
  }


ValidateUser.aspx页面做如下处理:
            Response.ContentType = "application/json";/*把输出的数据格式设为json格式*/
            if (UserInfoCtrlBase.Instance().UserValidate(Request["Name"], Request["Pwd"]))/*Name,Pwd是Post过来的参数*/
            {
                Response.Write("{result: 'true'}");
            }
            else
            {
                Response.Write("{result: 'false'}");
            }

这样很简单的就实现了ajax的登陆验证,不像以前自己用js写了一上午还没成功!
   本文版权属于王传炜所有,首发http://www.cnblogs.com/,转载请注明出处。
原文地址:https://www.cnblogs.com/wangergo/p/1507361.html