小程序api實(shí)現(xiàn)promise封裝過程解析
更新時(shí)間：2019年11月21日 11:17:17 作者：木子沐沐
這篇文章主要介紹了小程序api實(shí)現(xiàn)promise封裝過程解析,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
這篇文章主要介紹了小程序api實(shí)現(xiàn)promise封裝過程解析,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
微信小程序和支付寶小程序的api封裝方法是一樣的，都是外部新建一個(gè)js，使用module.exports導(dǎo)出，要注意的是，最好使用post請(qǐng)求，雖然get請(qǐng)求沒什么不好，主要是好修改。這里使用的MD5進(jìn)行了token加密，最好還是把md5.js單獨(dú)寫下來（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, // 域名+接口名稱
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頁面的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)
})
}
})
以上就是本文的全部內(nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
微信小程序城市定位的實(shí)現(xiàn)實(shí)例（獲取當(dāng)前所在國家城市信息）
這篇文章給大家認(rèn)真介紹了微信小程序城市定位的實(shí)現(xiàn)實(shí)例，主要實(shí)現(xiàn)了獲取當(dāng)前所在國家城市信息的相關(guān)資料，文中介紹的非常詳細(xì)，相信對(duì)大家具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起看看吧。2017-05-05
本篇文章給大家講解html中用canvas函數(shù)配合JS畫出一個(gè)圓錐形的圖形實(shí)例，有需要的朋友學(xué)習(xí)測試下吧。2017-12-12
js設(shè)置cookie過期當(dāng)前時(shí)間減去一秒相當(dāng)于立即過期
這篇文章主要介紹了設(shè)置js cookie過期(相當(dāng)于清除瀏覽器對(duì)應(yīng)名稱的cookie)使用方法是當(dāng)前時(shí)間減去一秒相當(dāng)于立即過期2014-09-09
詳解webpack4之splitchunksPlugin代碼包分拆
這篇文章主要介紹了詳解webpack4之splitchunksPlugin代碼包分拆，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-12-12
下拉緩沖菜單效果想必大家都有見過吧，在本文使用JS輕松實(shí)現(xiàn)下，想學(xué)習(xí)的朋友可以參考下2013-08-08
JScript重載的另類實(shí)現(xiàn)...2007-01-01
JS兩個(gè)數(shù)組比較,刪除重復(fù)值的巧妙方法(推薦)
下面小編就為大家?guī)硪黄狫S兩個(gè)數(shù)組比較,刪除重復(fù)值的巧妙方法(推薦)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-06-06
原生JS實(shí)現(xiàn)天氣預(yù)報(bào)
這篇文章主要為大家詳細(xì)介紹了原生JS實(shí)現(xiàn)天氣預(yù)報(bào)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-06-06
這篇文章主要為大家詳細(xì)介紹了JavaScript中常用的幾個(gè)DOM事件，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2022-04-04
這篇文章主要介紹了webpack該如何打包及打包流程,本文通過圖文示例相結(jié)合給大家介紹的非常詳細(xì),感興趣的朋友跟隨小編一起看看吧2023-12-12