前端异步的一种方法库:axios

关于axios,其实原本在做开发的几年里并不知道,一直使用的也都是jqueryajax。后来因为一个同事的述说,我才知道有这么个库,基于promise的http库。

看来,以前的我确实比较井底之蛙了。以为前端就是这么点东西。

已至于react、vue、angular也是因为后来项目准备使用react开发的时候才知道的。

一直只用es5,异步只用ajax,导致es6也没有花太多时间去学习。后来才知道es6中的一种异步是promise。

 

这次我们就来说一下axios

axios是支持浏览器和node 2种运行平台的,基于promise,可以自动识别json,可防止跨站请求伪造CSRF。

 

我们来看个请求:

axios的get请求方式1:

前端异步的一种方法库:axios

axios的get请求方式2:

前端异步的一种方法库:axios

两种请求就是参数的传递方式不同。一个直接拼接url,一个传个对象

这里的thenpromise的,用于表示请求成功后的回调处理,后面的catch表示请求失败后的回调处理

请求方式:

前端异步的一种方法库:axios

请求和响应结果相同:返回很多信息。有用的一般有data、status、statusText,其他的看情况使用,比如请求头。

前端异步的一种方法库:axios

axios的post请求方式:

其实就是换下名字

前端异步的一种方法库:axios

请求方式:

前端异步的一种方法库:axios

响应结果就是post的响应结果了。

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wsswpd.html