Axios简介
- axios框架全称为ajax-I/O-system;
- 基于promise用于浏览器和node.js的http客户端;
Axios用来干嘛
- 首先说下Ajax为什么会出现:旧浏览器页面向服务器请求数据时,返回的是整个页面的数据,页面会强制刷新,不友好;且如果我们只需修改页面的部分数据,但服务器却发送整个页面的数据,十分消耗网络资源。
- 这时候,Ajax(Asynchromous JavaScript and XML)异步网络请求就诞生了。Ajax能够让页面无刷新的请求数据。
- 实现Ajax的方式有多种,如jQuery封装的ajax,原生的XMLHttpRequest,以及axios:
(1)原生的XMLHttpRequest的配置和调用方式都很繁琐,实现异步请求十分麻烦;
(2)jQuery的ajax相对原生的ajax是非常好用的,但是没有必要因为要用ajax异步网络请求而引用jQuery框架。
Axios(ajax i/o system)
- 这不是一种新技术,本质上还是对原生XMLHttpRequest的封装,可用于浏览器和nodejs的HTTP客户端,只不过它是基于Promise的,符合最新的ES规范。具备以下特点:
(1)在浏览器中创建XMLHttpRequest请求;
(2)在node.js中发送http请求;
(3)支持Promise API;
(4)拦截请求和响应;
(5)转换请求和响应数据;
(6)取消要求;
(7)自动转换JSON数据;
(8)客户端支持防止CSRF/XSRF(跨域请求伪造)。
Axios请求方法:
- get:获取数据,请求指定的信息,返回实体对象;
- post:向指定资源提交数据(例如表单提交或文件上传);
- put:更新数据,从客户端向服务器传送的数据取代指定的文档的内容;
- patch:更新数据,是对put方法的补充,用来对已知资源进行局部更新;
- delete:请求服务器删除指定的数据。