自学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写了一上午还没成功!