初识Ajax

Ajax (Asynchronous JavaScript and XML) 是一种Web应用技术,可以借助客户端脚本(javascript)与服务端应用进行异步通讯，获取服务端数据以后,可以进行局部刷新。进而提高数据的响应和渲染速度。

Ajax技术最大的优势就是底层异步,然后局部刷新,进而提高用户体验。

Ajax编程的基本步骤分4步

<script type="text/javascript">
    function doAjaxGet() {
        //1.创建XHR对象
        var xhr = new XMLHttpRequest();
        //2.设置状态监听
        xhr.onreadystatechange = function() {
            if (xhr.readyState == 4 && xhr.status == 200) {
                console.log(xhr.responseText);
            }
        }
        //3.建立连接
        xhr.open("GET", "/doAjaxGet", true); //true表示异步(底层会启动线程与服务端通信)
        //4.发送请求
        xhr.send();            
    }
</script>

以下为图解