Vue resource中的GET與POST請求的實例代碼
前言:vue-resource 使用比 jQuery 更加簡潔的方式實現(xiàn)了異步請求功能,還提供了比如 interceptors 這樣處理請求過程中行為的功能。下面介紹下vue-resource中常用的GET與POST請求使用與封裝方法。
訪問 Github 獲取最新的開發(fā)文件與文檔
特征:
- 支持 Promise API 和 URI Templates
- 支持請求過程中使用攔截器(interceptoers)
- 支持 Firefox,Chrome,Safari,Opera 和 IE9+
- 非常的?。▔嚎s后之后14KB,在啟用 gzipped后只有5.3KB)
參數(shù)說明:
參數(shù)說明很多文章里面所已經(jīng)說過了,這里只使用必須用到的參數(shù),具體請訪問 Github 中的 Document
GET請求
function getRequest(url, params) {
return new Promise((resolve, reject) => {
Vue.http.get(
url,
{
params: params
},
{emulateJSON: true}
)
.then((res) => {
resolve(res);
})
.catch((res) => {
reject(res);
});
});
}
POST請求
function postRequest(url, params) {
return new Promise((resolve, reject) => {
Vue.http.post(
url,
{
params
},
{emulateJSON: true}
)
.then((res) => {
resolve(res.body);
})
.catch((res) => {
reject(res.body);
});
});
}
使用方法
var params = new Object(); //創(chuàng)建params對象
var params.id = id; //傳遞參數(shù)
var url = url; //url地址
postRequest(url, params)
.then((message) => {
//這里處理成功回調(diào)
})
.catch((message) => {
//這里處理失敗回調(diào)
});
以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
詳解Vue3如何優(yōu)雅的監(jiān)聽localStorage變化
最近在研究框架,也仔細用了Vue3一些功能,所以本文就來和大家聊聊Vue3如何實現(xiàn)優(yōu)雅的監(jiān)聽localStorage的變化,感興趣的小伙伴可以跟隨小編一起學習一下2023-06-06
vue3使用el-radio-group獲取表格數(shù)據(jù)無法選中問題及解決方法
這篇文章主要介紹了vue3使用el-radio-group獲取表格數(shù)據(jù)無法選中問題及解決方法,本文給大家介紹的非常詳細,需要的朋友可以參考下2024-05-05
vue實現(xiàn)權(quán)限控制路由(vue-router 動態(tài)添加路由)
今天小編就為大家分享一篇vue實現(xiàn)權(quán)限控制路由(vue-router 動態(tài)添加路由),具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-11-11

