最新消息:文章中包含代码时,请遵守代码高亮规范!

axios安装与使用(类似AJAX的前后端交互组件)

原创文章 user 341浏览 0评论

Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。

特点

  • 支持浏览器和node.js
  • 支持promise
  • 能拦截请求和响应
  • 能转换请求和响应数据
  • 能取消请求
  • 自动转换JSON数据
  • 浏览器端支持防止CSRF(跨站请求伪造)

使用 npm 安装:

$ npm install axios

使用 cnpm 安装:

$ cnpm install axios

使用方法:

GET方法

axios.get( url ,{ config })  // url 是请求的接口地址, params 是对象传递参数,这行是请求配置
.then( function ( response ){ console.log(response ) } // response为服务器返回的响应信息,这行是响应组成
.catch(function ( error ){ });  // 这里返回错误处理

POST方法

axios.post( url , { data } ,{ config }) // 相比GET方法,POST方法多了一个DATA数据包的位置
.then( function ( response ){ console.log(response ) } // response为服务器返回的响应信息,这行是响应组成
.catch(function ( error ){ });  // 这里返回错误处理

范例

axios.post( "/text" , { data:data } ,{ 
    headers:{    //此处添加头部信息
        "token" : token    //头部传最为常见的token值
    }
}) 
.then( function ( response ){ 
    console.log( response )    //打印返回的res参数
}
.catch(function ( error ){
    console.log(error)    //如果出错,打印出错信息
});

关于promise:

        promise是什么:是一个对象用来传递异步操作的信息,它代表了某个未来才会知道结果的事件(通常是一个异步操作),并且这个事件提供统一的api,可供进一步的处理。

        promise的作用:Promise的出现主要是解决回调的问题,比如你需要结果需要请求很多个接口,这些接口的参数需要另外那个的接口返回的数据作为依赖,这样就需要我们一层嵌套一层,但是有了Promise 我们就无需嵌套。

        promise的本质是什么:分离异步数据获取和业务

转载时请注明出处及相应链接,本文永久地址:https://blog.yayuanzi.com/25275.html


pay_weixin
pay_weixin
微信打赏
pay_weixin
支付宝打赏
感谢您对作者Miya的打赏,我们会更加努力!    如果您想成为作者,请点我

您必须 登录 才能发表评论!