前言:vue-resource 使用比 jQuery 更加簡潔的方式實現了異步請求功能,還提供了比如 interceptors 這樣處理請求過程中行為的功能。下面介紹下vue-resource中常用的GET與POST請求使用與封裝方法。
訪問 Github 獲取最新的開發文件與文檔
特征:
參數說明:
參數說明很多文章里面所已經說過了,這里只使用必須用到的參數,具體請訪問 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) => { //這里處理失敗回調});以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持武林網。
新聞熱點
疑難解答