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

創(chuàng)新互聯公司專注于資陽企業(yè)網站建設,響應式網站,商城建設。資陽網站建設公司,為資陽等地區(qū)提供建站服務。全流程按需求定制開發(fā)，專業(yè)設計，全程項目跟蹤，創(chuàng)新互聯公司專業(yè)和態(tài)度為您提供的服務

特征：

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(); //創(chuàng)建params對象
var params.id = id; //傳遞參數
var url = url; //url地址
postRequest(url, params)
.then((message) => {
 //這里處理成功回調
})
.catch((message) => {
 //這里處理失敗回調
});

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

分享文章：如何在Vue項目中利用resource實現一個GET與POST請求
本文網址：http://www.chinadenli.net/article24/iphpje.html

成都網站建設公司_創(chuàng)新互聯，為您提供企業(yè)建站、虛擬主機、網站內鏈、網站設計公司、關鍵詞優(yōu)化、網站營銷

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯