在vue中，經(jīng)常會(huì)用到數(shù)據(jù)請(qǐng)求，常用的有：vue-resourse、axios

綏陽網(wǎng)站制作公司哪家好，找創(chuàng)新互聯(lián)公司！從網(wǎng)頁設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、響應(yīng)式網(wǎng)站等網(wǎng)站項(xiàng)目制作，到程序開發(fā)，運(yùn)營維護(hù)。創(chuàng)新互聯(lián)公司公司2013年成立到現(xiàn)在10年的時(shí)間，我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn)，來保證我們的工作的順利進(jìn)行。專注于網(wǎng)站建設(shè)就選創(chuàng)新互聯(lián)公司。

今天我說的是axios的post請(qǐng)求

github源文件及文檔地址：【https://github.com/axios/axios】

+ 首先，引入axios

cdn: 
npm: npm install axios   并在全局的js中引入：import axios from 'axios';

•get請(qǐng)求

axios.get('/user?ID=12345')
 .then(function (response) {
  console.log(response);
 })
 .catch(function (error) {
  console.log(error);
 });

•post請(qǐng)求

 依賴于qs包，將對(duì)象轉(zhuǎn)換成以&連接的字符串
//例：
axios.post( postUrl ,qs.stringify({userid:1,username:'yyy'})).then(function (response) {
  console.log(response);
})

附錄：配置 axios

上面封裝的方法中，使用了 axios 的三個(gè)配置項(xiàng)，實(shí)際上只有 url 是必須的，完整的 api 可以參考使用說明

為了方便，axios 還為每種方法起了別名，比如上面的 saveForm 方法等價(jià)于：

axios.post('/user', context.state.test02)

完整的請(qǐng)求還應(yīng)當(dāng)包括 .then 和 .catch

.then(function(res){
 console.log(res)
})
.catch(function(err){
 console.log(err)
})

當(dāng)請(qǐng)求成功時(shí)，會(huì)執(zhí)行 .then，否則執(zhí)行 .catch

這兩個(gè)回調(diào)函數(shù)都有各自獨(dú)立的作用域，如果直接在里面訪問 this，無法訪問到 Vue 實(shí)例

這時(shí)只要添加一個(gè) .bind(this) 就能解決這個(gè)問題

.then(function(res){
 console.log(this.data)
}.bind(this))

總結(jié)

以上所述是小編給大家介紹的關(guān)于vue中的ajax請(qǐng)求和axios包問題，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)創(chuàng)新互聯(lián)網(wǎng)站的支持！