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一起封装的组件