es6 promise 封裝HTTP請求

2021-09-16 11:53:53 字數 1496 閱讀 8419

這裡附上傳送門,有詳細說明,我就不說了

傳送門

wx.request(,

datatype: 'json',

data: data,

success: function(res) ,

fail: function(err) )

}});

}在**裡詳細說明注釋了,拿即可用(這裡只做簡單說明)

每個人,每個專案需求封裝的http是不一樣的,可以根據實際業務需求,進行改寫----------

-----判斷請求是否成功條件不同,這裡是用res.data.meta.success 是否為true 具體看個人需求修改

// 因為環境不同切換不同環境, server_address是函式的總位址

const server_address = 'https://位址.com/api'; //介面總位址 測試環境

/**函式封裝兩層,介面呼叫為第三層,優點是,頁面呼叫的時候,完全不用考慮請求,直接根據請求呼叫不同的方法

*引數說明:

* url, 請求位址; params:請求引數,如果沒有 傳入{}就好(不以data命名是因為data出現率較高)

*/ // 方法盒子,封裝的第二層

}// 封裝的第一層,也是函式封裝的最底層

const getpromise = (method, url, params, isloading) => );

} return new promise((resolve, reject) => ,

success: (res) =>

let data = res.data;

if (data.meta.success) else )}},

fail: (err) => )

reject(err.data)

},complete: () => }})

}).catch(res => )

})}// 單獨放置

export

在js 裡呼叫

引用:

// const https = require("../../utils/http.js");

import form("../../utils/http.js");

引用後:

// 根據不同的請求呼叫不同的方法,

// 如果data為空,還需要loading 則 data 寫成{},如都不需要只寫http.get(url).then(res=>{})

// 可以不斷的.then

.then(res=>{})

ES6 Promise基本用法

1 promise是什麼 promise是非同步程式設計的一種解決方案,在es6中promise被列為了正式規範,統一了用法,原生提供了promise物件。2 基礎用法 resolve代表成功 reject失敗 都是乙個函式 let p new promise function reslove,re...

ES6 Promise使用介紹

1 什麼是promise promise 是非同步程式設計的一種解決方案,比傳統的解決方案 函式和事件 更合理和更強大。這麼說可能不夠直觀的理解,看下面的兩個例子 callback 函式 function getcallback n,callback 2000 getcallback 3,funct...

ES6 promise簡單實現

從promise的概念和使用分析 一句話 利用3個狀態,當執行一次後狀態改變同時執行then中當所有事件 狀態改變後,不會在執行 1.建構函式 2.3個狀態 pending,fulfilled,rejected,狀態一旦確定為fulfilled,rejected就不會在更改 3.引數是函式,prom...