前言：vue-resource 使用比 jQuery 更加簡潔的方式實(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+ 非常的小（壓縮后之后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)});

以上就是本文的全部內(nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持錯(cuò)新站長站。