溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹了小程序api實現promise封裝過程解析,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
微信小程序和支付寶小程序的api封裝方法是一樣的，都是外部新建一個js，使用module.exports導出，要注意的是，最好使用post請求，雖然get請求沒什么不好，主要是好修改。這里使用的MD5進行了token加密，最好還是把md5.js單獨寫下來（MD5函數js）
代碼如下
var app = getApp(); // 引入app.js里初始化數據
var MD5 = require('./md5.js')
function ApiFun (url,params) {
var param = {}
let timeStamp = Number(new Date()) // 時間戳
let Token = "*******"
return new Promise((resolve, reject,next) => {
my.request({ // 支付寶小程序是my，微信小程序是wx
url: app.globalData.baseUrl + url, // 域名+接口名稱
method: "POST",
data: params, // 參數
success: resolve, // 成功結果
headers: {
"Content-Type": "application/x-www-form-urlencoded"
}, // post請求頭
fail: reject, // 失敗結果
complete: next // 成功或者失敗都會調用的結果
})
})
}
module.exports = {
ajaxApi: function (url, params) { // 導出
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)
})
}
})
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持億速云。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
