ajax技术分析

        ajax: async javascript and XML;异步的js和xml；是实现页面局部刷新的技术

        为什么在js内能够使用呢？

        是因为ajax在浏览器内内置了一个核心对象 XMLHttpRequest

        如何使用 XMLHttpRequest？

        1.实例化核心对象

            let xhr = new XMLHttpRequest();

        2.建立链接

            xhr.open(请求方式，链接地址，同步异步，用户名，密码) 内有五个参数

        3.发送请求

            xhr.send(请求参数)

        4.获取Ajax的返回值

            xhr.onreadystatechange = function () {

                //监听 readyState == 4

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

                console.log(xhr.responseText);

                }

            }

   

    <script>

        let xhr = new XMLHttpRequest();

        xhr.open('get', 'http://localhost:3000/data')

        xhr.send()

        xhr.onreadystatechange = function () {

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

                console.log(xhr.responseText);

            }

        }

    </script>