AJAX学习明灯，简单示例：AJAX+存储过程实现无刷新简单登录验证功能！

为了给初学者一个明确的思想,通过一个简单的实例来说明一下AJAX的处理过程![本人也是初学]

本示便引用了Ajax 2.0包: AjaxPro.2.dll (ps:网上可以很容易找到下载地址)

首先建立测试库并建立用户表,表的字段有:ID 用户名 密码 ,插入一条测试数据。代码如下:

CREATE DATABASE TestLogin
GO
USE TestLogin
GO
CREATE TABLE TestUser
(
Us_ID INT IDENTITY(1,1) PRIMARY KEY,
Us_Uid VARCHAR(20),
US_Pwd VARCHAR(20)
)
GO
INSERT INTO TestUser (Us_Uid,Us_Pwd) VALUES ('admin','admin')
GO

接下来建立登录验证的存储过程，代码如下：

CREATE PROCEDURE LoginCheck (@userName VARCHAR(20),@userPass VARCHAR(20))

AS

SELECT Us_Uid FROM TestUser WHERE Us_Uid=@userName AND Us_Pwd=@userPass

新建一个WEB项目,一个主页我取名 Default.aspx ,添加bin应用程序文件夹,将AjaxPro.2.dll 复制到bin目录下,对它添加引用! 并在web.config 中的 <system.web>节中加入对包的描述，代码如下：

<httpHandlers>
<add verb="POST,GET" path="ajaxpro/*.ashx" type="AjaxPro.AjaxHandlerFactory,AjaxPro.2"/>
</httpHandlers>

写一个功能类，用来接收UI传来的用户名密码并调用存储过程进行验证，代码如下：

public class Login
public partial class _Default : System.Web.UI.Page
<script language="javascript" type="text/javascript">
//<!CDATA[

function comit_onclick()
function callback(res)

//]]>
</script>

本人昨天才开始看看了AJAX内容，如有不对的地方请各位牛人指证，写这篇文章的目的就是为了给初学者开一盏明灯！

欢迎QQ讨论：75256996