XMLHttpRequest实现无刷新验证用户名

最新推荐文章于 2020-04-22 09:03:00 发布

阿非

最新推荐文章于 2020-04-22 09:03:00 发布

阅读量1.2w

点赞数

分类专栏： XMLHttpRequest AJAX 文章标签： xmlhttprequest function null string 服务器 xhtml

本文链接：https://blog.csdn.net/Sandy945/article/details/4169870

版权

AJAX 同时被 2 个专栏收录

11 篇文章 0 订阅

订阅专栏

XMLHttpRequest

4 篇文章 0 订阅

订阅专栏

在用户注册时，我们经常需要检查用户名是否存在，本文就是实现无刷新验证用户名

打开开发环境VS 2005,新建项目(或打开现有项目),新建一个Web窗体,命名为 Default.aspx

代码如下：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title>无标题页</title> <script type="text/javascript"></script> </head> <body> <form id="form1" runat="server"> 用户名:<input type="text" id='txt' value="Sandy" οnblur="openAjax();" /> <span id="resultSpan"></span> </form> </body> </html>

然后新建一个一般处理程序，命名为 VerifyUserNameHandler.ashx

代码如下：

<%@ WebHandler Language="C#" Class="VerifyUserNameHandler" %> using System; using System.Web; using System.Collections; using System.Collections.Generic; public class VerifyUserNameHandler : IHttpHandler { public void ProcessRequest (HttpContext context) { //context.Response.ContentType = "text/plain"; string _name = context.Request.QueryString["para"]; _name = string.IsNullOrEmpty(_name) ? "" : _name; System.Threading.Thread.Sleep(3000);//用线程来模拟数据库查询工作 string[] Names = new string[] { "Sandy", "阿非", "abc" };//这里用Names数组来代替数据库中的结果集 if (Array.IndexOf<string>(Names, _name) == -1) { context.Response.Write("恭喜，用户名可以使用。"); } else { context.Response.Write("抱歉，用户名已被使用。"); } } public bool IsReusable { get { return false; } } }

到这里程序已经完成。

主要是利用了XMLHttpRequest对象采用异步的方式去访问服务器，获得响应后触发定义好的回调函数

本文是XMLHttpRequest对象异步方式对服务器发送Get方式的请求，访问服务器的文件为.ashx

本文开发环境为 VS 2005

下一篇将会编写利用XMLHttpRequest对象异步发送XML文档

阿非

关注

0
点赞
踩
20

收藏

觉得还不错? 一键收藏
27
评论
XMLHttpRequest实现无刷新验证用户名

在用户注册时，我们经常需要检查用户名是否存在，本文就是实现无刷新验证用户名打开开发环境VS 2005,新建项目(或打开现有项目),新建一个Web窗体,命名为 Default.aspx代码如下：无标题页 <!-- var xmlHttp=null; function createXMLHttpRe
复制链接

扫一扫

专栏目录