小白学AJAX-01-介绍

前言

前端面试最常见的就非AJAX莫属了，

“说说ajax原理”，"如何跨域"，“手写ajax”...

我们不讨论这类面试题是否有意义，而是学习如何掌握ajax。

是什么

Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）；

AJAX是一种异步加载数据的web开发技术；

AJAX 就是用 JS 向服务端发起一个请求，并获取服务器返回的内容；

AJAX的核心是XMLHttpRequest对象(简称XHR)；

XHR就像手机，想家人时，就拿起手机，输入号码，然后就可以聊天了；

XHR就像秘书，老板找张三汇报工作，就让秘书把张三带过来办公室；

XHR是浏览器的一个API，连接浏览器browser和服务器server，进行异步加载数据。

为什么

好久以前的页面是全局加载，AJAX是局部加载，加截的数据量变少了；

数据量少了，服务器的压力就少了，服务器的租金也少了；

数据量少了，显示的速度也快了，用户体验就提升了。

如何用

选择jQuery的ajax，简单快捷，兼容性好；

选择Axios， 是一个基于promise的HTTP 库，也适用node.js；

选择原生手写，封装成库，适合一次性活动H5页，追求代码精简。