小程序api實(shí)現(xiàn)promise封裝過(guò)程解析
這篇文章主要介紹了小程序api實(shí)現(xiàn)promise封裝過(guò)程解析,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
微信小程序和支付寶小程序的api封裝方法是一樣的,都是外部新建一個(gè)js,使用module.exports導(dǎo)出,要注意的是,最好使用post請(qǐng)求,雖然get請(qǐng)求沒(méi)什么不好,主要是好修改。這里使用的MD5進(jìn)行了token加密,最好還是把md5.js單獨(dú)寫(xiě)下來(lái)(MD5函數(shù)js)
代碼如下
var app = getApp(); // 引入app.js里初始化數(shù)據(jù) var MD5 = require('./md5.js') function ApiFun (url,params) { var param = {} let timeStamp = Number(new Date()) // 時(shí)間戳 let Token = "*******" return new Promise((resolve, reject,next) => { my.request({ // 支付寶小程序是my,微信小程序是wx url: app.globalData.baseUrl + url, // 域名+接口名稱(chēng) method: "POST", data: params, // 參數(shù) success: resolve, // 成功結(jié)果 headers: { "Content-Type": "application/x-www-form-urlencoded" }, // post請(qǐng)求頭 fail: reject, // 失敗結(jié)果 complete: next // 成功或者失敗都會(huì)調(diào)用的結(jié)果 }) }) } module.exports = { ajaxApi: function (url, params) { // 導(dǎo)出 return ApiFun(url, params).then(res => res.data) } }
使用方法在page頁(yè)面的js中
var app = getApp(); var api =require('/pages/utils/api.js') Page({ onShow() { api.ajaxApi('/**/list',{ page:1, prePage:100 }).then(res => { console.log(res) }) } })
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
js實(shí)現(xiàn)隨機(jī)數(shù)小游戲
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)隨機(jī)數(shù)小游戲,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-06-06el-table動(dòng)態(tài)渲染列、可編輯單元格、虛擬無(wú)縫滾動(dòng)的實(shí)現(xiàn)
vue對(duì)數(shù)據(jù)處理很常見(jiàn),本文主要介紹了對(duì)el-table組件二次封裝,包括對(duì)el-table的動(dòng)態(tài)渲染、單元格編輯;對(duì)于無(wú)縫滾動(dòng)的實(shí)現(xiàn),優(yōu)化大數(shù)據(jù)量下的頁(yè)面卡頓問(wèn)題,感興趣的可以了解一下2023-12-12next.js初始化參數(shù)設(shè)置getServerSideProps應(yīng)用學(xué)習(xí)
這篇文章主要為大家介紹了next.js初始化參數(shù)設(shè)置getServerSideProps的應(yīng)用示例學(xué)習(xí),有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-10-10基于zepto.js實(shí)現(xiàn)手機(jī)相冊(cè)功能
這篇文章主要為大家詳細(xì)介紹了基于zepto.js實(shí)現(xiàn)手機(jī)相冊(cè)功能,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-07-07js實(shí)現(xiàn)背景圖自適應(yīng)窗口大小
本文分享了背景圖自適應(yīng)窗口大小的實(shí)例代碼,具有一定的參考作用。下面跟著小編一起來(lái)看下吧2017-01-01javascript完美實(shí)現(xiàn)給定日期返回上月日期的方法
這篇文章主要介紹了javascript完美實(shí)現(xiàn)給定日期返回上月日期的方法,結(jié)合實(shí)例形式分析了javascript日期時(shí)間的計(jì)算技巧,并給出了格式化日期時(shí)間的操作方法,需要的朋友可以參考下2017-06-06