Vue resource中的GET與POST請(qǐng)求的實(shí)例代碼
前言:vue-resource 使用比 jQuery 更加簡(jiǎn)潔的方式實(shí)現(xiàn)了異步請(qǐng)求功能,還提供了比如 interceptors 這樣處理請(qǐng)求過程中行為的功能。下面介紹下vue-resource中常用的GET與POST請(qǐng)求使用與封裝方法。
訪問 Github 獲取最新的開發(fā)文件與文檔
特征:
- 支持 Promise API 和 URI Templates
- 支持請(qǐng)求過程中使用攔截器(interceptoers)
- 支持 Firefox,Chrome,Safari,Opera 和 IE9+
- 非常的?。▔嚎s后之后14KB,在啟用 gzipped后只有5.3KB)
參數(shù)說明:
參數(shù)說明很多文章里面所已經(jīng)說過了,這里只使用必須用到的參數(shù),具體請(qǐng)?jiān)L問 Github 中的 Document
GET請(qǐng)求
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請(qǐng)求
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對(duì)象 var params.id = id; //傳遞參數(shù) var url = url; //url地址 postRequest(url, params) .then((message) => { //這里處理成功回調(diào) }) .catch((message) => { //這里處理失敗回調(diào) });
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- vue如何從接口請(qǐng)求數(shù)據(jù)
- vue.js實(shí)現(xiàn)請(qǐng)求數(shù)據(jù)的方法示例
- vue 請(qǐng)求后臺(tái)數(shù)據(jù)的實(shí)例代碼
- vue resource post請(qǐng)求時(shí)遇到的坑
- vue配置請(qǐng)求本地json數(shù)據(jù)的方法
- vue2.0 自定義組件的方法(vue組件的封裝)
- 基于Vue如何封裝分頁組件
- 在vue中封裝可復(fù)用的組件方法
- vue移動(dòng)端微信授權(quán)登錄插件封裝的實(shí)例
- vue實(shí)現(xiàn)的請(qǐng)求服務(wù)器端API接口示例
相關(guān)文章
詳解Vue3如何優(yōu)雅的監(jiān)聽localStorage變化
最近在研究框架,也仔細(xì)用了Vue3一些功能,所以本文就來和大家聊聊Vue3如何實(shí)現(xiàn)優(yōu)雅的監(jiān)聽localStorage的變化,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2023-06-06vue3使用el-radio-group獲取表格數(shù)據(jù)無法選中問題及解決方法
這篇文章主要介紹了vue3使用el-radio-group獲取表格數(shù)據(jù)無法選中問題及解決方法,本文給大家介紹的非常詳細(xì),需要的朋友可以參考下2024-05-05vue 請(qǐng)求后臺(tái)數(shù)據(jù)的實(shí)例代碼
本篇文章主要介紹了vue 請(qǐng)求后臺(tái)數(shù)據(jù)的實(shí)例代碼,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧、2017-06-06vue3自定義指令實(shí)現(xiàn)按鈕防抖示例詳解
這篇文章主要為大家介紹了vue3自定義指令實(shí)現(xiàn)按鈕防抖示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-02-02vue移動(dòng)端項(xiàng)目渲染pdf步驟及問題小結(jié)
這篇文章主要介紹了vue移動(dòng)端項(xiàng)目渲染pdf步驟,vue-pdf的插件在使用的過程中是連連踩坑的,基本遇到3個(gè)問題,分別在文中給大家詳細(xì)介紹,需要的朋友可以參考下2022-08-08vue實(shí)現(xiàn)權(quán)限控制路由(vue-router 動(dòng)態(tài)添加路由)
今天小編就為大家分享一篇vue實(shí)現(xiàn)權(quán)限控制路由(vue-router 動(dòng)態(tài)添加路由),具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2019-11-11