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)文章
element-ui自定義message-box自定義樣式不生效的解決
這篇文章主要介紹了element-ui自定義message-box自定義樣式不生效的解決方案，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-09-09
vue本地打開(kāi)build后生成的dist文件夾index.html問(wèn)題
這篇文章主要介紹了vue本地打開(kāi)build后生成的dist文件夾index.html問(wèn)題，本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友參考下吧2019-09-09
這篇文章主要介紹了vuex mutations 同步操作方法,需要的朋友可以參考下2023-10-10
vue3動(dòng)態(tài)路由解決刷新頁(yè)面空白或跳轉(zhuǎn)404問(wèn)題
這篇文章主要為大家詳細(xì)介紹了vue3如何通過(guò)動(dòng)態(tài)路由解決刷新頁(yè)面空白或跳轉(zhuǎn)404問(wèn)題,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以了解下2025-01-01
這篇文章主要給大家介紹了關(guān)于vue3組件式彈窗打開(kāi)的3種方式,彈窗組件是常見(jiàn)的交互組件,它能夠彈出一些提示信息、提醒用戶進(jìn)行操作等等,需要的朋友可以參考下2023-07-07
el-select 下拉框多選實(shí)現(xiàn)全選的實(shí)現(xiàn)
這篇文章主要介紹了el-select 下拉框多選實(shí)現(xiàn)全選的實(shí)現(xiàn)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-08-08
這篇文章主要為大家詳細(xì)介紹了Vue實(shí)現(xiàn)五子棋小游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-05-05
Vue3中實(shí)現(xiàn)微信掃碼登錄的步驟和代碼示例
在 Vue 3 中實(shí)現(xiàn)微信掃碼登錄,涉及到前端生成二維碼、監(jiān)聽(tīng)微信回調(diào)以及與后端的交互,本文給大家介紹了一個(gè)詳細(xì)的實(shí)現(xiàn)步驟和代碼示例,對(duì)大家的學(xué)習(xí)或工作有一定的幫助,需要的朋友可以參考下2024-07-07
關(guān)于vue?src路徑動(dòng)態(tài)拼接的小知識(shí)
這篇文章主要介紹了vue?src路徑動(dòng)態(tài)拼接的小知識(shí)，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。2022-04-04
Vue中使用better-scroll實(shí)現(xiàn)輪播圖組件
better-scroll 是一款重點(diǎn)解決移動(dòng)端（已支持 PC）各種滾動(dòng)場(chǎng)景需求的插件。這篇文章主要介紹了Vue中使用better-scroll實(shí)現(xiàn)輪播圖組件的實(shí)例代碼,需要的朋友可以參考下2020-03-03