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

最新推荐文章于 2021-01-21 21:36:52 发布

hackhu

最新推荐文章于 2021-01-21 21:36:52 发布

阅读量526

点赞数

文章标签： ajax textbox server parameters function xhtml

本文链接：https://blog.csdn.net/hackhu/article/details/2060131

版权

首先引用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" οnblur="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");//防止缓存
    }
}