Ajax入门

什么是ajax？

        -ajax是属于前端技术，ajax是由javascript做为核心。

-ajax用于实现无刷新页面（局部刷新，页面中某些部分从服务端获取数据而非整个页面全部获取数据），称为异步传输技术。

        -ajax核心对象（XMLHttpRequest），该对象与服务端进行交互，是由浏览器提供的

ajax使用步骤：

        （1）获得XMLHttpRequest对象：let xmlHttpRequest = new XMLHttpRequest();

        （2）建立与服务器的连接(指定向服务端发送请求的"请求方式"及"服务端处理该请求的地址<Servlet地址>")

        （3）发送请求： xmlHttpRequest.send(null);

        （4）设置回调函数，让请求状态发生改变时都执行该函数

<script>
    function selectUserName(username) {
        let xmlHttpRequest = new XMLHttpRequest();
        xmlHttpRequest.open("get", "http://localhost:8082/user.do?methodName=selectUserName&username=" + username);
        xmlHttpRequest.send(null);
        xmlHttpRequest.onreadystatechange = function () {
            if (xmlHttpRequest.readyState == 4 && xmlHttpRequest.status == 200) {
                //eval()函数将接收到的Sting类型转换为原始类型
                let tr = eval(xmlHttpRequest.responseText);
                let msgObj = document.getElementById("msg");
                if (tr) {
                    msgObj.style.color = "red";
                    msgObj.innerHTML = "该用户不名可用"
                } else {
                    msgObj.style.color = "green";
                    msgObj.innerHTML = "该用户名可用"
                }
            }
        };
    }
</script>

   eval()函数将接收到的Sting类型转换为原始类型