任务目标:使用AJAX检测用户名
重点:编写脚方法本代码,传递要检测的信息
难点:编写代码,检测用户名是否存在
步骤如下:
一、布局注册页面
添加HTML中的控件text和Button,ID名分别为txtusername,btncheck,按钮的Value属性值为:检测用户名,添加按钮的点击事件
添加层,代码如下:
二、在注册页面源代码<Head>标签中编写如下脚本,使得用户在文本框中输入用户名后,点击按钮,跳转到名为checkUserName.aspx的页面,并传递用户名到所跳转的页面。
三、建一个名为checkUserName.aspx的页面,源代码视图只保留第一行的值,如下图,其它代码全部删除
四、在checkUserName.aspx.cs页面中获取上一页面传递的参数,并检测该参数是否为数据库中的用户名,代码如下:
注意:需要在web.config中配置数据库连接字符串,名为chapter8ConnectionString,连接的数据库为chapter8
AJAX基础知识:
1、xmlhttpRequest(IE7以下版本、fierfox):
2、xmlhttp(IE6及以下)
3、方法open("GET",url?参数=值,true),AJAX,要求第三个参数是true,异步
4、方法send()
5、xmlhttp.onreadystatechange=OnMessageBack;
6、OnMessageBack是函数,当readystate状态值改变时执行,获取服务器返回的结果。
7、readystate:0、1、2、3、4共五种状态,从请求末初始化到完成,表8-1
8、xmlhttp.status:200代表OK ,404代表页面末找到
9、response.Text:字符串形式的服务器响应
10、response.XML:XML形式的服务器响应