注册 登录
编程论坛 jQuery论坛

Ajax检测注册用户是否存在(.NET)

beniao 发布于 2008-03-18 01:51, 8907 次点击
HTML代码如下:
LoginValidate.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="LoginValidate.aspx.cs" Inherits="LoginValidate" %>

<html xmlns="http://www. >
<head runat="server">
<title>验证用户名是否存在</title>
<script type="text/javascript">
    var xmlHttp;
    function createXMLHttpRequest()
    {
        if(window.ActiveXObject)
        {
            xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
        }
        else if(window.XMLHttpRequest)
        {
            xmlHttp = new XMLHttpRequest();
        }
    }
    //处理方法
    function CheckUserName()
    {
        createXMLHttpRequest();
        var url= "LoginValidate.ashx?username="+document.getElementById("username").value;
        xmlHttp.open("GET",url,true);
        xmlHttp.onreadystatechange=ShowResult;
        xmlHttp.send(null);
        //document.getElementById("Msg").innerHTML='';
    }
    //回调方法
    function ShowResult()
    {
        if(xmlHttp.readyState==4)
        {
            if(xmlHttp.status==200)
            {
                document.getElementById("Msg").innerHTML=xmlHttp.responseText;
            }
        }
    }
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<table style="width: 487px">
    <tr>
        <td style="width: 70px">
            用户名:</td>
        <td style="width: 231px"><input id="username" type="text" />
        <input id="Button1" type="button" value="button" onclick="CheckUserName();" /></td>
        <td id="Msg"></td>
    </tr>
    <tr>
        <td style="width: 70px">
        </td>
        <td style="width: 231px">
        </td>
        <td>
            </td>
    </tr>
</table>
</div>
</form>
</body>
</html>

服务器端代码如下:(这里我是用的临时处理文件.ashx)
LoginValidate.ashx
<%@ WebHandler Language="C#" Class="LoginValidate" %>

using System;
using System.Web;
using System.Data;
using System.Data.SqlClient;

public class LoginValidate : IHttpHandler
{
   
    public void ProcessRequest (HttpContext context)
    {
        context.Response.ContentType = "text/plain";
        string username = context.Request.QueryString["username"].ToString();
        string strSQL = "select username from users where username='" + username + "'";
        if (ReDataSet(strSQL).Tables[0].Rows.Count > 0)
        {
            context.Response.Write("该用户已经有人使用!");
        }
        else
        {
            context.Response.Write("恭喜你!"+username+"可以使用!");
        }
        System.Threading.Thread.Sleep(3000);
    }

    //数据库连接字符串
    public static string strCon = "Data Source=.;database=exam;uid=sa;pwd=;";

    /// <summary>
    /// 执行SQL语句,返回DataSet
    /// </summary>
    /// <param name="strSQL"></param>
    /// <returns></returns>
    public  DataSet ReDataSet(string strSQL)
    {
        SqlConnection con = new SqlConnection(strCon);
        try
        {
            con.Open();
            SqlDataAdapter da = new SqlDataAdapter(strSQL, con);
            DataSet ds = new DataSet();
            da.Fill(ds);
            return ds;
        }
        catch (Exception ex)
        {
            throw new Exception(ex.Message);
        }
        finally
        {
            con.Close();
        }
    }
   
    /// <summary>
    /// 不重复调用
    /// </summary>
    public bool IsReusable
    {
        get
        {
            return false;
        }
    }
}
13 回复
#2
sldtk12008-03-18 12:42
请问“正在连接数据库”的提示和图片在哪里加?
注册成功或不成功的图片怎么加?是在context.Response.Write()这里面加么?
#3
hacowz2008-03-18 15:13
不错...JS写的很不错
#4
beniao2008-03-18 18:50
回复 2# 的帖子
你想加正在连接这些东西你首先需要了解XmlHttpRequest对象,其实也就是在回掉函数里做相宜的处理
//回调方法
    function ShowResult()
    {
        if(xmlHttp.readyState==4)
        {
            if(xmlHttp.status==200)
            {
                document.getElementById("Msg").innerHTML=xmlHttp.responseText;
            }
        }
    }
_______________________________________________________
xmlHttp.readyState==4---代表什么意思?
xmlHttp.status==200-----代表什么意思?
你搞懂上面这两个也就可以解决你所提的问题了.
#5
beniao2008-03-18 18:52
回复 3# 的帖子
谢谢支持.
  我近两年没来这里发贴了.
以后大家相互学习,交流.
#6
slfyeye2008-03-21 10:59
不错哦,学习了。呵呵
#7
青格儿2008-03-22 19:43
呵呵,顶一下,写得不错,收藏了!

XMLHttpRequest对象
Number readyState 4  表示完成请求
Number status  200  返回response的状态,200表示成功
#8
j2ee1262008-03-24 11:22
我的xmlHttp.status的值怎么返回0 是怎么回事啊??
#9
苍琅2008-03-27 23:47
找很久了。
收藏~
#10
beniao2008-03-29 16:00
回复 7# 的帖子
请求没有发送成功!
#11
haizeng2009-12-18 11:09
不错 学习啦
#12
天外来砖2010-04-06 02:24
初学Ajax,拿走了。谢谢分享
#13
laydiaxia2010-11-16 14:59
回复 8楼 j2ee126
未初始化
#14
Baby_Yezhu2012-09-04 14:05
改成linq的方法应该怎么写啊,初学者,请教一下!
1