温馨提示,新手菜鸟内容,大佬请绕道
ajax 到底是什么?说出来你可能不信,在我刚开始入门的时候,我不知道ajax是啥,就听别人说使用ajax请求,或者看文档说使用ajax获取数据。
我曾经一度以为 ajax 是一个函数!
其实新手要知道 ajax,中文叫做异步请求,他是一个抽象的概念!
理论知识,当然需要实现才能使用,就比如一个屋子的设计图就是一个理论,盖完房子才能住进去,那么对于 ajax 这个理论的实现,才是我们在写代码中需要写进去的东西。
比如 常见的 axios,XMLHttpRequest,fetch 都是 ajax 这个理论概念的实现!
所以你在写代码的时候用的是 类似 axios,XMLHttpRequest,fetch 这些的方法,那么在看文档的时候,以后再出现 ajax 脑袋里可以选一个你喜欢的比如 XMLHttpRequest 来进行对应!
所以你需要首先学习的是这些方法使用的语法。比如 XMLHttpRequest 的语法如下:
- // 我们可以说 getDate 是一个 ajax 请求
- function getDate() {
- const xhr = new XMLHttpRequest();
- // 请求一个地址
- xhr.open('GET', 'http://xxx.com/api');
- xhr.send();
- xhr.addEventListener('load', function() {
- console.log(xhr.response);
- });
- }
为什么叫 ajax,因为是英文的缩写 Asynchronous Javascript And XML,翻译过来就是 异步的 js 和xml