前辈们好，请问我这个ajax请求为什么不能触发？

Question

这是我写在jsp文件中的脚本块，是把两个事件，前边这个doUserExist()方法里边就是ajax请求，但是一直无法触发

<script type="text/javascript">
            function doUserExist(){
                //使用ajax判断用户是否已存在
                var xmlHttp = new XMLHttpRequest();
                xmlHttp.onreadystatechange = function(){
                    if(xmlHttp.readyState == 4 && xmlHttp.status == 200){
                        document.getElementById("userExistError").innerHTML = xmlHttp.responseText;
                    }
                    var param = document.getElementById("phoneNumber").value;
                    xmlHttp.open("post", "ifUserExist?" + param, true);
                    xmlHttp.send();
                } 
            }
            //清空span
            function clrExistError(){
                document.getElementById("userExistError").innerHTML = "";
            }
</script>
<input type="text" id="phoneNumber" name="phoneNumber" placeholder="请输入手机号码" onfocus="clrExistError()" onblur="doUserExist()"><span id = "userExistError"><span>

下边是我的Controller方法：

@RequestMapping(value = "ifUserExist", method = RequestMethod.POST)
    public void ifUserExist(HttpServletResponse response, Long phoneNumber) throws IOException {
        System.out.println("接受了Ajax请求");
        if(phoneNumber.toString().length() == 11){
            PrintWriter out = response.getWriter();
            if((service.userExist(phoneNumber)) > 0){
                out.print("该用户已存在！请直接<a href = 'loginPage.jsp'>登录</a>");
                out.flush();
                out.close();
            }
        }
    }

但是就是无法触发onblur事件！！！请前辈们帮我看看我的代码写的是否有问题？

Answer 1

我刚本地调了一下，代码可以跑起来，你把地址改成你服务器的试试看：

<script type="text/javascript">

          function doUserExist() {

                //使用ajax判断用户是否已存在

                var xmlHttp = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP");

                var param = document.getElementById("phoneNumber").value;

                xmlHttp.open("post", "http://www.baidu.com/ifUserExist?phoneNumber=" + param, true);

                xmlHttp.onreadystatechange = function() {
                    alert("xmlHttp.status: " + xmlHttp.status + " xmlHttp.readyState: " + xmlHttp.readyState);

                    if(xmlHttp.readyState == 4 && xmlHttp.status == 200) {

                        document.getElementById("userExistError").innerHTML = xmlHttp.responseText;

                    }

                }

                xmlHttp.send();

            }

            //清空span

            function clrExistError(){

                document.getElementById("userExistError").innerHTML = "";

            }

</script>

<input type="text" id="phoneNumber" name="phoneNumber" placeholder="请输入手机号码" onfocus="clrExistError()" onblur="doUserExist()"><span id = "userExistError"><span>