这个小例子很简单,包括一个前台页面,一个controler类,一个js文件。
基本工具:VS2008SP1,Jquery1.3.2
开发步骤:
1.新建asp.net mvc项目,并命名为MvcAjax。

2.制作前台页面。
其实也就几行html代码,相信大家没什么疑问。
用户名:<input name="u" type="text" /><br />
密 码:<input name="p" type="text" />
<br />
<input name="s" type="button" value="登陆" />
3.新建一个controller。

在LoginController中添加登陆处理的函数:

Code
public string LoginCheck(string userName, string passWord)
{
userName = Request.QueryString["username"];
passWord = Request.QueryString["password"];
if (userName.Equals("123") && passWord.Equals("123"))
{
return "使用jquery异步登陆成功。";
}
else
{
return "用户名或密码错误";
}
} Request.QueryString[name]用于获取客户端发送的参数,即用户名和密码。怎么发送呢?既然是ajax方式登录的,当然不能在地址栏上传参,且看下面的javascript文件。
4.用javascript完成异步调用服务器方法。
这一部是本实例的核心,发送请求和接收结果的代码都在myajax.js文件中。

Code
$(document).ready(function() {
$("input[name='s']").click(function() {
var clientUsername = $("input[name='u']").val();
var clientPassword = $("input[name='p']").val();
$.get("/Login/LoginCheck", { username: clientUsername, password: clientPassword }, function(dataBack) {
alert(dataBack);
}, "text");
});
}); $.get函数中的第一个参数表示请求的url路径,第二个参数用json格式发送请求的参数,第三个参数是个函数,用于处理返回的内容,返回的内容这里指定为text,还可以返回html,xml等格式。
完成以上步骤之后再将myajax.js文件引入到登陆页面,当然还需要引入jquery库文件,并且要放在myajax.js之前。
测试一下。

ok,受到来自Logincontroller中的消息了。