如何在Vue項(xiàng)目中利用resource實(shí)現(xiàn)一個(gè)GET與POST請(qǐng)求

本篇文章給大家分享的是有關(guān)如何在Vue項(xiàng)目中利用resource實(shí)現(xiàn)一個(gè)GET與POST請(qǐng)求，小編覺(jué)得挺實(shí)用的，因此分享給大家學(xué)習(xí)，希望大家閱讀完這篇文章后可以有所收獲，話(huà)不多說(shuō)，跟著小編一起來(lái)看看吧。

特征：

1. 支持 Promise API 和 URI Templates

2. 支持請(qǐng)求過(guò)程中使用攔截器（interceptoers）

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

4. 非常的?。▔嚎s后之后14KB，在啟用 gzipped后只有5.3KB）
   

參數(shù)說(shuō)明：

參數(shù)說(shuō)明很多文章里面所已經(jīng)說(shuō)過(guò)了，這里只使用必須用到的參數(shù)，具體請(qǐng)?jiān)L問(wèn) 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)
});

以上就是如何在Vue項(xiàng)目中利用resource實(shí)現(xiàn)一個(gè)GET與POST請(qǐng)求，小編相信有部分知識(shí)點(diǎn)可能是我們?nèi)粘９ぷ鲿?huì)見(jiàn)到或用到的。希望你能通過(guò)這篇文章學(xué)到更多知識(shí)。更多詳情敬請(qǐng)關(guān)注億速云行業(yè)資訊頻道。