asp.net mvc+jquery异步登陆

      
      这个小例子很简单,包括一个前台页面,一个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
      Request.QueryString[name]用于获取客户端发送的参数,即用户名和密码。怎么发送呢?既然是ajax方式登录的,当然不能在地址栏上传参,且看下面的javascript文件。
      4.用javascript完成异步调用服务器方法。
      这一部是本实例的核心,发送请求和接收结果的代码都在myajax.js文件中。
Code
      $.get函数中的第一个参数表示请求的url路径,第二个参数用json格式发送请求的参数,第三个参数是个函数,用于处理返回的内容,返回的内容这里指定为text,还可以返回html,xml等格式。
      完成以上步骤之后再将myajax.js文件引入到登陆页面,当然还需要引入jquery库文件,并且要放在myajax.js之前。
      测试一下。
      

      ok,受到来自Logincontroller中的消息了。
posted @ 2009-09-23 12:53  乌鹊南飞  阅读(1648)  评论(6)    收藏  举报