vuejs使用axios異步訪問(wèn)時(shí)用get和post的實(shí)例講解
更新時(shí)間：2018年08月09日 16:48:08 作者：milli236
今天小編就為大家分享一篇vuejs使用axios異步訪問(wèn)時(shí)用get和post的實(shí)例講解，具有很好的參考價(jià)值。希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
script中。
let data={....};
let url=xx;
方法各異：
GET：
this.$ajax.get(url,{
params:data
})
.then(function (res) {
console.log(res.data)
})
.catch(function (error) {
console.log(error)
})
POST：
方法一：1.
//請(qǐng)求后臺(tái)數(shù)據(jù)之前轉(zhuǎn)換入?yún)?
let url = xx;
let data = {
uname:this.uname,
upwd:this.upwd,
pid:this.pid
};
function transformRequest(data) {
let ret = ''
for (let it in data) {
ret += encodeURIComponent(it) + '=' + encodeURIComponent(data[it]) + '&'
}
return ret
}
let p = transformRequest(data)
this.$ajax.post(url,p)
.then(function (res) {
console.log(res.data)
})
.catch(function (error) {
console.log(error)
})
方法二：2
var qs = require('qs');
this.$ajax.get(url,qs.stringfy(data))
.then(function (res) {
console.log(res.data)
})
.catch(function (error) {
console.log(error)
})
this.$ajax是注入axios通過(guò)修改vue原型重新命名的，還是axios。
以上這篇vuejs使用axios異步訪問(wèn)時(shí)用get和post的實(shí)例講解就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了Vue3.x最小原型系統(tǒng)講解。既然用Vue3.0構(gòu)建最小原型系統(tǒng)，那么肯定要用尤大的最新構(gòu)建工具Vite來(lái)進(jìn)行項(xiàng)目的初始化，下文舉例說(shuō)明,需要的朋友可以參考一下2022-02-02
vue中實(shí)現(xiàn)頁(yè)面刷新以及局部刷新的方法
這篇文章主要給大家介紹了關(guān)于vue中實(shí)現(xiàn)頁(yè)面刷新以及局部刷新的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2022-01-01
本文詳細(xì)介紹了VueRouter 路由的概念、規(guī)則、基礎(chǔ)等相關(guān)內(nèi)容，文中運(yùn)用大量的圖片進(jìn)行講解，感興趣的小伙伴可以看一看這篇文章2021-08-08
這篇文章主要介紹了vue如何截取字符串，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
這篇文章主要介紹了Vue如何清空對(duì)象，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-03-03
vue3.0 CLI - 2.1 - component 組件入門(mén)教程
這篇文章主要介紹了vue3.0 CLI - 2.1 - component 組件入門(mén)教程,本文主要的關(guān)注點(diǎn)就是組件，本文通過(guò)實(shí)例代碼相結(jié)合的形式給大家介紹的非常詳細(xì)，需要的朋友可以參考下2018-09-09
Vue2學(xué)習(xí)筆記之請(qǐng)求數(shù)據(jù)交互vue-resource
本篇文章主要介紹了Vue2學(xué)習(xí)筆記之?dāng)?shù)據(jù)交互vue-resource ，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-02-02
這篇文章主要介紹了vue修改滾動(dòng)條樣式,首先要知道，修改滾動(dòng)條樣式，利用偽元素-webkit-scrollbar。下面來(lái)看看文章內(nèi)容的具體實(shí)現(xiàn)吧2021-11-11
vue3 emit is not a function問(wèn)題及解決
這篇文章主要介紹了vue3 emit is not a function問(wèn)題及解決方案,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-09-09
本篇文章主要介紹了基于vue-cli的vuex配置，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-07-07