Ajax检测注册用户是否存在(.NET)(页 1) - Ajax论坛 - 编程论坛

beniao 发表于 2008-3-18 01:51

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

HTML代码如下:
LoginValidate.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="LoginValidate.aspx.cs" Inherits="LoginValidate" %>

<html xmlns="http://www.w3.org/1999/xhtml" >
<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;
      }
}
}

sldtk1 发表于 2008-3-18 12:42

请问“正在连接数据库”的提示和图片在哪里加？
注册成功或不成功的图片怎么加？是在context.Response.Write（）这里面加么？

hacowz 发表于 2008-3-18 15:13

不错．．．ＪＳ写的很不错

beniao 发表于 2008-3-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-----代表什么意思?
你搞懂上面这两个也就可以解决你所提的问题了.

beniao 发表于 2008-3-18 18:52

回复 3# 的帖子

谢谢支持.
我近两年没来这里发贴了.
以后大家相互学习,交流.

slfyeye 发表于 2008-3-21 10:59

不错哦，学习了。呵呵

青格儿 发表于 2008-3-22 19:43

呵呵，顶一下，写得不错，收藏了！

XMLHttpRequest对象
Number readyState 4 表示完成请求
Number status 200 返回response的状态，200表示成功

j2ee126 发表于 2008-3-24 11:22

我的xmlHttp.status的值怎么返回0 是怎么回事啊？？

苍琅发表于 2008-3-27 23:47

找很久了。
收藏～

beniao 发表于 2008-3-29 16:00

回复 7# 的帖子

请求没有发送成功!

页: [1]

编程论坛's Archiver