前端基础进阶（六） ：ajax与axios

ajax是什么：Ajax 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。Ajax的最大的特点是实现局部刷新.
ajax同步:必须等待上一件事完了，才执行后面的事情，说话后在吃饭，吃完饭后在看手机。
ajax异步:是一种并行处理的方式，不必等待一个程序执行完，可以执行其它的任务。比如做饭你可以先蒸饭然后可以准备菜 不用等饭好了 再去准备菜

AJAX原理

AJAX(Asynchronous  Javascript  And  XML)=异步   javascript 和XML  可以是网页实现异步更新，就是不重新加载整个页面的情况下，对页面的某部分进行更新(局部刷新)，传统的网页(不使用AJAX)如果需要更新内容，必须重载整个网页页面。AJAX是一种新的思想，整合之前的多种技术，用于创建快速交互式网页应用的网页开发技术。

AJAX的实现原理

• 使用JavaScript获得浏览器内置的AJAX引擎(XMLHttpRequest对象)。
• 通过AJAX引擎确定请求路径和请求参数。
• 通知AJAX引擎发送请求。
• AJAX引擎会在不刷新浏览器地址栏的情况下，发送请求。
• 服务器获得请求参数。
• 服务器处理请求参数(添加、查询等操作)
• 服务器响应数据给浏览器。
• AJAX引擎获得服务器响应的数据，通过执行javaScript的回调函数将数据传递给浏览器页面。
• 通过设置给AJAX引擎的毁掉函数获得服务器响应的数据。
• 使用JavaScript在指定的位置，显示响应数据，从而局部修改页面的数据，达到局部刷新目的。

ajax和axios的区别：axios是通过promise实现对ajax技术的一种封装，就像jQuery实现ajax封装一样。ajax技术实现了网页的局部数据刷新，axios实现了对ajax的封装。