vue中的axios.js库

1.前言:

vue.js没有集成 ajax 功能,要使用 ajax 功能,可以使用vue官方推荐的 axios.js 库来做ajax的交互。 axios库的下载地址:https://github.com/axios/axios/releases

2.axios的完整写法:

axios({
  method: 'post',
  url: '/user/12345',
  data: {
    firstName: 'Fred',
    lastName: 'Flintstone'
  }

});

3.axios的请求分为get请求和post请求:

get请求:

vue中的axios.js库_第1张图片或者可以写成:

vue中的axios.js库_第2张图片

post请求:

vue中的axios.js库_第3张图片

4.axios分析:

(1)axios  只有get 和 post 方法, 不支持jsonp.  也就是说axios框架不能够跨域请求数据

vue中的axios.js库_第4张图片


注意点
1.  then是请求成功时的响应

2. catch是请求失败时的响应

(2)请求分为两种 get 和 post 

(3)axios 不是vue作者写的框架, 而是 github 上面开源的第三方框架, vue作者自己写的框架是vue-resource. 但是因为不如axios好用, 所以最终作者推荐大家使用这个框架来获取数据

你可能感兴趣的:(vue中的axios.js库)