AJAX

<script>
    $(function(){//页面加载完成后实现

        //绑定用户失去焦点的事件
        $("#username").blur(function () {
          //获取用户名
            var username = $(this).val();
            //发送AJAX的Get请求
                //1.创建xhr核心对象
            var xhr;
            if(window.XMLHttpRequest){
                //true 为webkit
                xhr=new XMLHttpRequest();
            }else {
                //IE
                xhr=new ActiveXObject("Microsoft.XMLHTTP");
            }
                //2.发送请求并传递参数
            xhr.open("GET","${pageContext.request.contextPath}/user/check?username="+username);
            xhr.send()
                //3.处理响应并刷新页面
           xhr.onreadystatechange=function () {
             if(xhr.readyState==4 &&xhr.state==200){
                 console.log(xhr.responseText);
             }
           }
        })
    })
</script>
posted @ 2020-09-15 16:02  池三岁  阅读(38)  评论(0编辑  收藏  举报