小程序api實現(xiàn)promise封裝過程解析

更新時間：2019年11月21日 11:17:17 作者：木子沐沐

這篇文章主要介紹了小程序api實現(xiàn)promise封裝過程解析,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下

微信小程序和支付寶小程序的api封裝方法是一樣的，都是外部新建一個js，使用module.exports導(dǎo)出，要注意的是，最好使用post請求，雖然get請求沒什么不好，主要是好修改。這里使用的MD5進(jìn)行了token加密，最好還是把md5.js單獨寫下來（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()) // 時間戳
 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請求頭
   fail: reject, // 失敗結(jié)果
   complete: next // 成功或者失敗都會調(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)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

微信小程序城市定位的實現(xiàn)實例（獲取當(dāng)前所在國家城市信息）
這篇文章給大家認(rèn)真介紹了微信小程序城市定位的實現(xiàn)實例，主要實現(xiàn)了獲取當(dāng)前所在國家城市信息的相關(guān)資料，文中介紹的非常詳細(xì)，相信對大家具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起看看吧。
2017-05-05
JS+canvas畫一個圓錐實例代碼
本篇文章給大家講解html中用canvas函數(shù)配合JS畫出一個圓錐形的圖形實例，有需要的朋友學(xué)習(xí)測試下吧。
2017-12-12
js設(shè)置cookie過期當(dāng)前時間減去一秒相當(dāng)于立即過期
這篇文章主要介紹了設(shè)置js cookie過期(相當(dāng)于清除瀏覽器對應(yīng)名稱的cookie)使用方法是當(dāng)前時間減去一秒相當(dāng)于立即過期
2014-09-09
詳解webpack4之splitchunksPlugin代碼包分拆
這篇文章主要介紹了詳解webpack4之splitchunksPlugin代碼包分拆，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2018-12-12
JS下拉緩沖菜單示例代碼
下拉緩沖菜單效果想必大家都有見過吧，在本文使用JS輕松實現(xiàn)下，想學(xué)習(xí)的朋友可以參考下
2013-08-08
JScript重載的另類實現(xiàn)
JScript重載的另類實現(xiàn)...
2007-01-01
JS兩個數(shù)組比較,刪除重復(fù)值的巧妙方法(推薦)
下面小編就為大家?guī)硪黄狫S兩個數(shù)組比較,刪除重復(fù)值的巧妙方法(推薦)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-06-06
原生JS實現(xiàn)天氣預(yù)報
這篇文章主要為大家詳細(xì)介紹了原生JS實現(xiàn)天氣預(yù)報，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-06-06
JavaScript中DOM操作常用事件總結(jié)
這篇文章主要為大家詳細(xì)介紹了JavaScript中常用的幾個DOM事件，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助
2022-04-04
webpack該如何打包(打包流程)
這篇文章主要介紹了webpack該如何打包及打包流程,本文通過圖文示例相結(jié)合給大家介紹的非常詳細(xì),感興趣的朋友跟隨小編一起看看吧
2023-12-12