一、概念
以下来自维基百科: AJAX即“Asynchronous JavaScript and XML”(异步的JavaScript与XML技术),指的是一套综合了多项技术的浏览器端网页开发技术
即异步的发送请求技术,在没有异步的时候,发送请求如传统表单,有以下缺点:
- 客户端会等待请求发送成功(页面空白期)
- 请求后页面会全部刷新(用户的体验不好)
这里顺便梳理一些混淆的概念:
- ajax:一种异步请求的技术概念,是一个概念,但实现ajax并不是只有XMLHttprequest
- axios:基于XMLHttprequest + promise封装的一种异步请求具体方案
- fetch:H5中出现的新API,新特性,和axios没有一点关系,也是一种异步请求的具体方案
二、应用
let xhr = new XMLHttpRequest()
xhr.open(
"get",
`http://localhost:3000/testGet`,
true // 默认为true,异步
);
xhr.responseType = "json";
xhr.onreadystatechange = function(){
if(xhr.readyState === 4) {
if(xhr.status === 200){
consolo.log(responseText)
consoloe.log(responseText)
} else {
fail(request)
}
}
}
xhr.send()