Java servlet ajax

   AJAX 是与服务器交换数据并更新部分网页的艺术,在不重新加载整个页面的情况下。

AJAX = 异步 JavaScript 和 XML。

AJAX 是一种用于创建快速动态网页的技术。

http://www.w3school.com.cn/ajax/index.asp

    function lnTest() {
        var ur_loginName = document.getElementById("ur_loginName").value;
        var login = document.getElementById("login");
        var id = "${sessionScope.user.ur_id}";
        var ymsz = /^[A-Za-z0-9]+$/;
        var loginname = document.getElementById("loginname").value;
        if(loginname==ur_loginName){
            return true;
        }else if (kong.test(ur_loginName)) {
            login.style.color = "red";
            login.innerHTML = " × 账户不可以为空";
            return  false;
        } else if (ymsz.test(ur_loginName)) {
            xml = new XMLHttpRequest();
            xml.open("get", "AJAXServlet.do", true);
            xml.setRequestHeader("name", ur_loginName);
            xml.setRequestHeader("ur_id", id);
            xml.send(null);
            xml.onreadystatechange = function(){                
                if (xml.readyState == 4) {
                    var msg = xml.responseText;
                    var login = document.getElementById("login");
                    if (msg == 1) {
                        login.style.color = "red";
                        login.innerHTML = " × 该用户名已被使用";
                        return false;
                    } else if (msg != 1) {
                        login.style.color = "green";                
                        login.innerHTML = " √ 该用户名可以使用";
                        return true;
                    }
                }
                
                
            };
        } else {
            login.style.color = "red";
            login.innerHTML = " × 账户格式不正确 ";
            return false;
        }
    }

使用ajax来在点击input框时,动态更新用户名,判断输入的用户名是否在原数据库中存在

 

posted @ 2017-06-02 16:51  蓁蓁  阅读(198)  评论(0编辑  收藏  举报