AJAX实现用户名验证

最新推荐文章于 2021-08-06 07:20:07 发布

nihao_医生

最新推荐文章于 2021-08-06 07:20:07 发布

阅读量280

点赞数

分类专栏： javaWeb 文章标签： ajax xmlhttprequest

本文链接：https://blog.csdn.net/qq_18799641/article/details/52745066

版权

javaWeb 专栏收录该内容

25 篇文章 0 订阅

订阅专栏

<script type="text/javascript">
    function getXMLHttpRequest()
    {       var xmlhttp;
            if (window.XMLHttpRequest){
                xmlhttp=new XMLHttpRequest();
            }
            else{
                xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
            }
        return xmlhttp;
    }
    function checkName()
    {
        //得到用户输入的用户名
        var txt = document.getElementsByName("username")[0];
        var name = txt.value;

        var req = getXMLHttpRequest();//得到 XMLHttpRequest对象

        //定义当servlet返回结果时的处理方法
        req.onreadystatechange=function(){
             if(req.readyState==4 && req.status==200){
                 //得到响应的数据
                 var span = document.getElementById("msg");
                 span.innerHTML = req.responseText;
             }
        };
        req.open("get","${pageContext.request.contextPath}/servlet/findNameServlet?name="+name);
        req.send(null);
    }

</script>
<body>
    <!-- 验证用户名是否存在,当文本框失去焦点时立刻验证 -->
    用户名<input type="text" name="username" onblur="checkName()"><span id="msg"></span></br>
    密码<input type="password" name="passwd"></br>
    <input type="submit" value="注册">
</body>

nihao_医生

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
AJAX实现用户名验证

<script type="text/javascript"> function getXMLHttpRequest() { var xmlhttp; if (window.XMLHttpRequest){ xmlhttp=new XMLHttpRequest(); }
复制链接

扫一扫