您的位置:首页 > 其它

在注册用户时检验用户是否存在的Ajax简单实例

2008-01-22 21:29 567 查看
首先引用prototype的类库,下载地址:http://www.prototypejs.org/

注册用户的前台代码如下:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="reg.aspx.cs" Inherits="reg" %>

<!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>Untitled Page</title>

<script type="text/javascript" src="prototype.js"></script>

<script type="text/javascript">
function checkUser(){
var myAjax = new Ajax.Request(
'CheckUser.aspx',
{method: 'post', parameters: 'UserName='+document.getElementById("mUserNameTextBox").value, onComplete:
function(r){
if(r.responseText=="0"){
//不存在
}else{
//存在的话报告,并且进行相关的处理
document.getElementById("message").innerText="已经存在";
}
}
}
);
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
用户名:<asp:TextBox ID="mUserNameTextBox" runat="server" onblur="checkUser()"></asp:TextBox><span id="message"></span><br />
其他滴:<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox></div>
</form>
</body>
</html>

其中用到了CheckUser.aspx页面,就是传递给它用户名,然后返回0或者1
简单的例子代码如下:

public partial class CheckUser : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
//检验用户的逻辑
Response.Write("0");
Response.End();
Response.AppendHeader("Expires", "Mon, 26 Jul 1997 05:00:00 GMT");//防止缓存
}
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: