Ajax 的实现流程

1. 创建 XMLHTTPRequest 对象，也就是创建一个异步调用对象
2. 创建一个新的 HTTP 请求，并指定该 HTTP 请求的方法、URL及验证信息
3. 设置响应头 HTTP 请求状态变化的函数
4. 发送 HTTP 请求
5. 获取异步调用返回的数据
6. 使用 JavaScript 和 DOM 实现局部刷新

 <script type="text/javascript">
        let HTTPRequest
        function checkUsername() {
            if (window.XMLHttpRequest) {
                HTTPRequest = new XMLHttpRequest()
            } else if (window.ActiveXObject) {
                HTTPRequest = new ActiveXObject()

            }
            HTTPRequest.open("POST", "Servlet1", "true")
            HTTPRequest.setRequestHeader("Content-type", "application/x-www-form-urlencoded")
            HTTPRequest.onreadystatechange = response22
            let name = document.getElementById("username").value

            HTTPRequest.send("username=" + name)
        }
        function response22() {
            if (HTTPRequest.readyState == 4) {
                if (HTTPRequest.status == 200) {
                    let text = HTTPRequest.responseText
                    let div = document.getElementById("result")
                    div.innerText = text
                }
            }
        }
</script>