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) => {
 //這里處理成功回調(diào)
})
.catch((message) => {
 //這里處理失敗回調(diào)
});

以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

vue之字符串、數(shù)組之間的相互轉(zhuǎn)換方式
這篇文章主要介紹了vue之字符串、數(shù)組之間的相互轉(zhuǎn)換方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2023-07-07
用Vue實現(xiàn)頁面訪問攔截的方法詳解
大家在做前端項目的時候,大部分頁面, 游客都可以直接訪問 , 如遇到需要登錄才能進行的操作,頁面將提示并跳轉(zhuǎn)到登錄界面,那么如何才能實現(xiàn)頁面攔截并跳轉(zhuǎn)到對應的登錄界面呢,本文小編就來給大家介紹一下Vue實現(xiàn)頁面訪問攔截的方法,需要的朋友可以參考下
2023-08-08
Vue-Cli如何在index.html中進行環(huán)境判斷
這篇文章主要介紹了Vue-Cli如何在index.html中進行環(huán)境判斷問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2023-03-03
vue控制多行文字展開收起的實現(xiàn)示例
這篇文章主要介紹了vue控制多行文字展開收起的實現(xiàn)示例（也叫控制文字展開隱藏），文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2019-10-10
VUE3刷新頁面報錯問題解決:Uncaught?SyntaxError:Unexpected?token?&apo
這篇文章主要介紹了VUE3刷新頁面報錯：Uncaught?SyntaxError:?Unexpected?token?‘＜‘,本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下
2023-03-03
Vue如何獲取表單數(shù)據(jù)
我們在做后臺管理系統(tǒng)里面有非常多的表單需求,下面這篇文章主要給大家介紹了關于Vue如何獲取表單數(shù)據(jù)的相關資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下
2023-06-06
vue項目中使用vue-i18n報錯的解決方法
這篇文章主要給大家介紹了關于vue項目中使用vue-i18n報錯的解決方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2019-01-01
詳解Vue與element-ui整合方式
vue在前端技術中使用越來越多，也成為了主流框架，今天咱花點時間學習下Vue與element-ui整合方式，本文結(jié)合示例代碼給大家介紹的非常詳細，需要的朋友參考下吧
2022-04-04
一篇文章帶你吃透Vue生命周期(結(jié)合案例通俗易懂)
這篇文章主要給大家介紹了關于如何通過一篇文章帶你吃透Vue生命周期，文章通過結(jié)合案例更加的通俗易懂,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
2022-02-02
詳解Vue.js組件可復用性的混合(mixin)方式和自定義指令
本篇文章主要介紹了詳解Vue.js組件可復用性的混合(mixin)方式和自定義指令，具有一定的參考價值，有興趣的可以了解一下
2017-09-09