ajax的讲解

Ajax即异步（async）的javaScript和XML实现局部刷新的一门技术，他是创建交互式网页的网页开发技术

Ajax在浏览器中有一个内置的核心对象：XMLHttpRequest向浏览器发送异步请求，从服务器接收，再通过javaScript中的dom元素更新页面

流程：

创建ajax的核心对象XMLHttpRequset对象

通过XMLHttpRequset对象的open( )方法与服务器端建立连接

构建请求所需的数据内容，并通过XMLHttpRequset对象的send( )方法发送给服务器端

通过XMLHttpRequset对象提供的 onreadystatechange 事件监听服务端你的通信状态

接收并处理服务端向客户端相应的数据结果

将处理结果更新到HTML页面

         1. 实例化核心对象

            let  xhr =  new XMLHttpRequest()

          2. 建立链接

            xhr.open('GET','https://api.it120.cc/small4/banner/list')

          3. 发送请求 (可携带参数)

            xhr.send()

            4. 获取请求的数据

            xhr.onreadystatechange = function(){

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

                    console.log(JSON.parse(xhr.response))

                }

            }

而axios是ajax与promise一起封装的组件