XMLHttpRquest
Ajax是一种技术方案,而不是一种新技术,依赖的依旧是前端三件套,最核心的依赖就是浏览器提供的XMLHttpRequest对象,可以让浏览器发出HTTP请求和接收HTTP响应。
也就是说:我们使用XMLHttpRequest对象发送一个Ajax请求。
能用Ajax做什么呢?
- 发送HTTP请求得到服务端数据
- 是一种无刷新的数据交互
一个简单的Ajax(get)请求
// get 请求
// 创建 xhr 对象
const xhr = new XMLHttpRequest();
// XMLHttpRequest.open() 方法初始化一个请求
// 原始API:xhr.open(method, url, async);
// method:要是用的HTTP方法,url:请求的主体,async(可选):false为同步,true为异步,默认为同步
xhr.open('GET', '/api', false);
// 只要 readyState 属性发生变化,就会调用相应的处理函数。
xhr.onreadystatechange = function () {
// 这里的函数异步执行,可参考之前 JS 基础 中的异步模块
if