vue用axios向后台請求數據


vue的安裝就不再多說了  可以參考我的第一篇博客<a href="http://www.cnblogs.com/missxiaojun/p/6825642.html">初學者VUE腳手架的搭建(哈哈 第一次寫 不好的地方請指正)</a>

1.如何安裝axios

使用 cnpm 安裝 axios

cnpm install axios -S

2.其次  在入口文件(如果是按照上述文章的話,應該是main.js)中

import axios from 'axios';
Vue.prototype.$axios = axios;

3.在入口文件中加入上述兩行代碼后,就可以在組件中使用

this.$axios.get('鏈接')
  .then(function (response{
    console.log(response);
  })
  .catch(function (error{
    console.log(error);
  });
4.get  還可以這樣傳參----主要用於獲取數據
this.$axios({
method: 'get',
url: 'XXX',
params: {
memberName: _this.searchMessage,
provinceCode: JSON.stringify(_this.selectedProvince),
memberType: JSON.stringify(_this.checkedMemberType),
number: _this.page,
size: _this.pageSize
}
})
5.post 這樣傳參----主要用於提交數據
this.$axios({
method: 'post',
url: 'XXX',
data: {
id:'33333',
memberId: this.orderId,
checkStatus: this.checkStatus,
checkRecord: this.checkRecord
}
})
 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM