Vue resource中的GET與POST請求的實例代碼
更新時間：2017年07月21日 11:18:34 作者：craftmanship
本篇文章主要介紹了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) => {
//這里處理成功回調
})
.catch((message) => {
//這里處理失敗回調
});
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
詳解Vue3如何優(yōu)雅的監(jiān)聽localStorage變化
最近在研究框架，也仔細用了Vue3一些功能，所以本文就來和大家聊聊Vue3如何實現(xiàn)優(yōu)雅的監(jiān)聽localStorage的變化，感興趣的小伙伴可以跟隨小編一起學習一下2023-06-06
本文給大家總結了Vue中操作dom元素的多種方法，每種方法結合實例代碼給大家講解的非常詳細，需要的朋友參考下吧2022-12-12
vue3使用el-radio-group獲取表格數(shù)據(jù)無法選中問題及解決方法
這篇文章主要介紹了vue3使用el-radio-group獲取表格數(shù)據(jù)無法選中問題及解決方法,本文給大家介紹的非常詳細,需要的朋友可以參考下2024-05-05
這篇文章主要介紹了Vue組件間通信方式全面匯總，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習吧2023-04-04
本篇文章主要介紹了詳解前后端分離之VueJS前端，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-05-05
本篇文章主要介紹了vue 請求后臺數(shù)據(jù)的實例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧、2017-06-06
這篇文章主要為大家介紹了vue3自定義指令實現(xiàn)按鈕防抖示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-02-02
本篇文章主要介紹了VUE餓了么樹形控件添加增刪改功能的示例代碼，非常具有實用價值，有興趣的可以了解一下2017-10-10
這篇文章主要介紹了vue移動端項目渲染pdf步驟,vue-pdf的插件在使用的過程中是連連踩坑的，基本遇到3個問題，分別在文中給大家詳細介紹，需要的朋友可以參考下2022-08-08
vue實現(xiàn)權限控制路由(vue-router 動態(tài)添加路由)
今天小編就為大家分享一篇vue實現(xiàn)權限控制路由(vue-router 動態(tài)添加路由)，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-11-11