黑马程序员JAVAWEB教程P141课后练习

黑马程序员JAVAWEB教程P141课后练习

尝试过的错误：

1.在then方法体里的判断逻辑使用AJAX一样的格式：

 if (this.responseText == "true") {
                    document.getElementById("username_err").style.display = '';
                } else {
                    document.getElementById("username_err").style.display = 'none';

2.改为resp.data后判断逻辑等于使用字符串类型而不是布尔类型，加了一对双引号。不知道为什么，即使在Servlet里执行的是

response.getWriter().write(“true”);

在web端判断时要是boolean类型

<!--用axios实现登录判断====get提交-->
<script src="./js/axios-0.18.0.js"></script>

<script>

    document.getElementById("username").onblur = function () {
        var username = this.value;
        //发送异步请求
        axios.get("http://localhost:8080/ajax-demo/selectUserServlet?username=" + username)
            .then(function (resp) {
            if (resp.data == true) {
                document.getElementById("username_err").style.display = '';
            } else {
                document.getElementById("username_err").style.display = 'none';
            }
        })
    }
</script>

<!--用axios实现登录判断====post提交-->
<script src="./js/axios-0.18.0.js"></script>

<script>

    document.getElementById("username").onblur = function () {
        var username = this.value;
        //发送异步请求
        axios.post("http://localhost:8080/ajax-demo/selectUserServlet","username="+username)
            .then(function (resp) {
                if (resp.data == true) {
                    document.getElementById("username_err").style.display = '';
                } else {
                    document.getElementById("username_err").style.display = 'none';
                }
            })
    }
</script>