淘先锋技术网

首页 1 2 3 4 5 6 7

vue.js请求数据（axios）

使用npm安装axios

npm install axios --save

在main.js中引入axios

import axios from "axios";

注册axios到vue，注册axios到vue不能使用use方法（Vue.use(axios)）

Vue.prototype.$http = axios;//$http为自定义的，Vue.prototype 为注册全局方法 其他任何组件都可以使用

之后就可以到页面使用

执行GET请求

<script type="text/ecmascript-6">
  export default {
    methods: function () {
      this.$http.get('/user', {"id": 123})
　　　 .then(res => {
        console.log(res.data);
      })
　　　 .catch(err => {
　　　　 console.log(err.msg)
　　　 })
    }
  };
</script>

 

执行POST请求

<script type="text/ecmascript-6">
  export default {
    methods: function () {
      this.$http.post('/user', {
        firstName: 'Fred',
        lastName: 'Flintstone'
      })
　　　.then(res => {
          console.log(res.data);
     })
　　　.catch(err => {
          console.log(err.msg);
     })
    }
  };
</script>

一次并发多个请求

function getUserAccount(){
  return axios.get('/user');
}
function getUserPermissions(){
  return axios.get('/user/permissions');
}
axios.all([getUserAccount(),getUserPermissions()])
  .then(axios.spread(function(acct,perms){
    //当这两个请求都完成的时候会触发这个函数，两个参数分别代表返回的结果
}))

 

转载于:https://www.cnblogs.com/YAN-HUA/p/9143993.html