Ajax介绍

概念：Asynchronous JavaScript And XML,异步的JavaScript和XML。Ajax的核心是JavaScript对象XmlHttpRequest。该对象在Internet Explorer 5中首次引入，它是一种支持异步请求的技术。简而言之，XmlHttpRequest使您可以使用JavaScript向服务器提出请求并处理响应，而不阻塞用户。

作用：1、数据交换：通过Ajax可以跟服务器发送请求，并获得服务器响应的数据；2.异步交互：可以在不重新加载整个页面的情况下，与服务器交换数据并更新部分网页的技术，如：搜索联想、用户名是否可用的校验等等……

同步与异步的对比，在我的理解当中，同步为：1.客户端访问请求服务器，2.服务器处理ing，3.响应客户端，4.继续访问。即当服务器处理的时候，客户端是处于等待状态的。例如我们在浏览器中输入一个URL，若此时网速比较慢，则页面会一直转圈直到页面加载完成。 而异步为：1.客户端访问请求服务器，2.服务器处理ing（此时客户端仍可以进行其他操作），3.响应客户端，4.继续访问。

原生Ajax

准备一个数据地址，然后通过创建XMLHttpRequuest对象来用于和服务器交换数据，紧接着向服务器发送请求，最后是获取服务器的响应数据。这几个步骤在W3school中有示例代码：AJAX实例解释 不过这种办法现在显得有点繁琐，故采用的比较少，用得较多的是基于原生Ajax封装的技术：例如Axios。

Axios

Axios对原生的Ajax进行了封装，简化书写，快速开发，这是其官方文档：Axios。 Axios示例： 1.引入Axios的js文件:<script src=js/axios-0.18.0.js></script> 2.使用Axios请求，并获取响应数据：有get、delete、post、put等请求，同时Axios还简化了其请求方式，可以采用别名的方式实现，在上述官方文档中也可找到。