如何在Vue項目中利用resource實現一個GET與POST請求

本篇文章給大家分享的是有關如何在Vue項目中利用resource實現一個GET與POST請求，小編覺得挺實用的，因此分享給大家學習，希望大家閱讀完這篇文章后可以有所收獲，話不多說，跟著小編一起來看看吧。

特征：

1. 支持 Promise API 和 URI Templates

2. 支持請求過程中使用攔截器（interceptoers）

3. 支持 Firefox，Chrome，Safari，Opera 和 IE9+

4. 非常的小（壓縮后之后14KB，在啟用 gzipped后只有5.3KB）
   

參數說明：

參數說明很多文章里面所已經說過了，這里只使用必須用到的參數，具體請訪問 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(); //創建params對象
var params.id = id; //傳遞參數
var url = url; //url地址
postRequest(url, params)
.then((message) => {
 //這里處理成功回調
})
.catch((message) => {
 //這里處理失敗回調
});

以上就是如何在Vue項目中利用resource實現一個GET與POST請求，小編相信有部分知識點可能是我們日常工作會見到或用到的。希望你能通過這篇文章學到更多知識。更多詳情敬請關注億速云行業資訊頻道。