vuejs使用axios異步訪問時用get和post的實例講解
更新時間：2018年08月09日 16:48:08 作者：milli236
今天小編就為大家分享一篇vuejs使用axios異步訪問時用get和post的實例講解，具有很好的參考價值。希望對大家有所幫助。一起跟隨小編過來看看吧
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.
//請求后臺數(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通過修改vue原型重新命名的，還是axios。
以上這篇vuejs使用axios異步訪問時用get和post的實例講解就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
element-ui自定義message-box自定義樣式不生效的解決
這篇文章主要介紹了element-ui自定義message-box自定義樣式不生效的解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-09-09
vue本地打開build后生成的dist文件夾index.html問題
這篇文章主要介紹了vue本地打開build后生成的dist文件夾index.html問題，本文給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友參考下吧2019-09-09
這篇文章主要介紹了vuex mutations 同步操作方法,需要的朋友可以參考下2023-10-10
vue3動態(tài)路由解決刷新頁面空白或跳轉(zhuǎn)404問題
這篇文章主要為大家詳細介紹了vue3如何通過動態(tài)路由解決刷新頁面空白或跳轉(zhuǎn)404問題,文中的示例代碼講解詳細,感興趣的小伙伴可以了解下2025-01-01
這篇文章主要給大家介紹了關于vue3組件式彈窗打開的3種方式,彈窗組件是常見的交互組件,它能夠彈出一些提示信息、提醒用戶進行操作等等,需要的朋友可以參考下2023-07-07
el-select 下拉框多選實現(xiàn)全選的實現(xiàn)
這篇文章主要介紹了el-select 下拉框多選實現(xiàn)全選的實現(xiàn)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-08-08
這篇文章主要為大家詳細介紹了Vue實現(xiàn)五子棋小游戲，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-05-05
在 Vue 3 中實現(xiàn)微信掃碼登錄,涉及到前端生成二維碼、監(jiān)聽微信回調(diào)以及與后端的交互,本文給大家介紹了一個詳細的實現(xiàn)步驟和代碼示例,對大家的學習或工作有一定的幫助,需要的朋友可以參考下2024-07-07
這篇文章主要介紹了vue?src路徑動態(tài)拼接的小知識，具有很好的參考價值，希望對大家有所幫助。2022-04-04
Vue中使用better-scroll實現(xiàn)輪播圖組件
better-scroll 是一款重點解決移動端（已支持 PC）各種滾動場景需求的插件。這篇文章主要介紹了Vue中使用better-scroll實現(xiàn)輪播圖組件的實例代碼,需要的朋友可以參考下2020-03-03