实训实践
您当前位置: 实训实践> 项目教学上机实训> 11-1AJAX检测用户名方法

11-1AJAX检测用户名方法

发布时间:2017-04-10 15:11 浏览次数:6596    
字体大小 默认
  • 默认
  • 13pt
  • 14pt
  • 15pt
  • 16pt
  • 17pt
  • 18pt
  • 19pt
  • 20pt
  • 21pt
  • 22pt
  • 23pt
  • 24pt
  • 25pt
字体颜色

默认

  • 默认
背景颜色

默认

  • 默认

任务目标:使用AJAX检测用户名

重点:编写脚方法本代码,传递要检测的信息

难点:编写代码,检测用户名是否存在

步骤如下:

一、布局注册页面

添加HTML中的控件textButtonID名分别为txtusername,btncheck,按钮的Value属性值为:检测用户名,添加按钮的点击事件

添加层,代码如下:

       

二、在注册页面源代码<Head>标签中编写如下脚本,使得用户在文本框中输入用户名后,点击按钮,跳转到名为checkUserName.aspx的页面,并传递用户名到所跳转的页面。

 

 

三、建一个名为checkUserName.aspx的页面,源代码视图只保留第一行的值,如下图,其它代码全部删除

 

四、在checkUserName.aspx.cs页面中获取上一页面传递的参数,并检测该参数是否为数据库中的用户名,代码如下:

 

 

注意:需要在web.config中配置数据库连接字符串,名为chapter8ConnectionString,连接的数据库为chapter8

 

 

AJAX基础知识:

 1xmlhttpRequest(IE7以下版本、fierfox):

 2xmlhttp(IE6及以下)

3、方法open("GET",url?参数=值,true),AJAX,要求第三个参数是true,异步

4、方法send()

5xmlhttp.onreadystatechange=OnMessageBack;

6OnMessageBack是函数,readystate状态值改变时执行,获取服务器返回的结果。

7readystate01234共五种状态,从请求末初始化到完成,表81

8xmlhttp.status:200代表OK404代表页面末找到

9response.Text:字符串形式的服务器响应

 10response.XMLXML形式的服务器响应

 

 

 

操作成功!此窗口3秒钟后自动关闭!
立即关闭