Jquery之Ajax实例_用户名检查

来源：互联网发布：windows安装 nvidia 编辑：程序博客网时间：2024/06/06 04:49

一、Register.aspx代码

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Register.aspx.cs" Inherits="WebApp.Register" %><!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server">    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />    <title></title>    <script src="../Js/jquery-1.7.1.js"></script>    <script type="text/javascript">        $(function () {            $("#msg").css("display","none");            $("#txtUserName").blur(function () {                var userName = $(this).val();                if (userName != "") {                    $.post("CheckUserName.ashx", { "name":  userName }, function (data) {                        $("#msg").css("display", "block");                        $("#msg").text(data);                    });                } else {                    alert("用户名不能为空!!");                }            });        });    </script></head><body>    <form id="form1" runat="server">        <div>            用户名:<input type="text" name="txtName" id="txtUserName" /><span id="msg" style="font-size: 14px; color: red"></span><br />            密码:<input type="password" name="txtPWD" /><br />            <input type="submit" value="注册" />        </div>    </form></body></html>

二、CheckUserName.ashx代码

using System;using System.Collections.Generic;using System.Linq;using System.Web;namespace WebApp{    /// <summary>    /// CheckUserName 的摘要说明    /// </summary>    public class CheckUserName : IHttpHandler    {        public void ProcessRequest(HttpContext context)        {            context.Response.ContentType = "text/plain";            string userName = context.Request["name"];            //BLL.UserInfoService UserInfoService = new BLL.UserInfoService();            //if (UserInfoService.GetUserInfo(userName) != null)            if(userName== "zhangsan")            {                context.Response.Write("此用户名已存在!!");            }            else            {                context.Response.Write("此用户名可用!!");            }        }        public bool IsReusable        {            get            {                return false;            }        }    }}

三、效果演示

阅读全文

0 0