ajax操作ajax异步获取数据，查询用户数据

最新推荐文章于 2025-06-15 20:22:34 发布

原创最新推荐文章于 2025-06-15 20:22:34 发布 · 3.6k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ajax #xmlhttprequest #function #textbox #div #null

ASP.NET技术同时被 2 个专栏收录

30 篇文章

订阅专栏

Ajax 技术

3 篇文章

订阅专栏

本文介绍两种实现用户名实时验证的方法。一种是通过JavaScript调用服务器端验证用户名是否存在，另一种是利用JScript进行异步请求并根据返回状态展示不同的提示信息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

————————————————————————————————————————————————————————

第二种方法：

___________________________________________________________________________________________

JScript code


//创建异步对象
function createXMLHttpRequest1() 
{

    if (window.ActiveXObject) 
    {
        xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
    else if (window.XMLHttpRequest) 
    {
        xmlHttp = new XMLHttpRequest();
    }
}

        
        function checkUserName(userName)
        {
            if(userName!="" && userName.length>5)
            {
            createXMLHttpRequest1();
            var queryString = "exeistsUserName.aspx?"; //在 CheckfirstName 检测用户名
            queryString = queryString + "UserName="+userName;
            
            
            //方法 handleStateChange1 没有参数 直接使用方法名字引用
            xmlHttp.onreadystatechange = handleStateChange1;
            
            //如果 有参数就是 下面的例子：
            //xmlHttp.onreadystatechange = function(){ handleStateChange1(参数)}

            xmlHttp.open("GET", queryString, true);
            xmlHttp.send(null);
            }

        }
        
        function handleStateChange1() 
        {
            if(xmlHttp.readyState == 4) 
            {
                if(xmlHttp.status == 200) 
                {         
                   var data =xmlHttp.responseText;
                   var div_uNameMsg = document.getElementById("div_uNameMsg");
                   div_uNameMsg.style.display="";
                   if(data=="1")
                   {
                    div_uNameMsg.style.backgroundColor="#E45142";
                    div_uNameMsg.innerHTML="对不起该用户已存在！";
                    isExeistsUName=true;
                   }
                   else if(data=="0")
                   {
                    div_uNameMsg.style.backgroundColor="#008000";
                    div_uNameMsg.innerHTML="该用户可以使用！";
                    isExeistsUName=false;
                   }
                   else if(data=="-1")
                   {
                    div_uNameMsg.style.backgroundColor="#E45142";
                    div_uNameMsg.innerHTML="服务器繁忙，出现未知错误！";
                    isExeistsUName=true;
                   }
                }
            }
        }

用户名：<asp:TextBox ID="txtName" runat="server" onblur="checkUserName(this.value)"></asp:TextBox>