微信小程序前端promise封装

最新推荐文章于 2023-12-22 15:30:27 发布

chixi9603

最新推荐文章于 2023-12-22 15:30:27 发布

阅读量191

点赞数

文章标签：前端 ViewUI

原文链接：https://my.oschina.net/xiaomaomi1997/blog/3096962

版权

config.js

const config = {
     base_url_api : "https://douban.uieee.com/v2/movie/",
}

export {config}

http.js

import { config } from "../config";
class HTTP {
    requset({ url, method = "GET", data = {} }) {
        const promise = new Promise((resolve, reject) => {
            wx.request({
                url: config.base_url_api + url,
                data,
                method,
                header: {
                    'Content-Type': 'json'
                },
                success: res => {
                    //状态码 toString() 转成字符串
                    const statusCode = res.statusCode.toString();

                    if (statusCode.startsWith("2")) {
                        resolve(res.data)
                    } else {
                        this._show_error();
                    }
                },
                fail: res => {
                    reject(err);
                    this._show_error();
                }
            })
        })
        return promise;
    }
    _show_error() {
        wx.showToast({
            title: '网络错误',
            icon: 'none'
        })
    }
}
export { HTTP }

model/movie.js

import {HTTP} from "../utils/http";
class MovieModel extends HTTP{
    getInTheaters(){
        return this.requset({
            url:"in_theaters"
        })
    }
    getTop250(){
        return this.requset({
            url:"top250"
        })
    }
    getComingSoon(){
        return this.requset({
            url:"coming_soon"
        })
    }
}
export {MovieModel};

pages/index/index.js

const app = getApp();
import {MovieModel} from "../../model/movie";
const movieModel = new MovieModel();
Page({
  onLoad(){
    // movieModel.getInTheaters().then(res=>{
    //   console.log(res)
    // })
    const inTheaters = movieModel.getInTheaters()
    const top250 = movieModel.getTop250();
    const comingSoon = movieModel.getComingSoon();
    Promise.all([inTheaters,top250,comingSoon]).then(res=>{
      let[inTheaters,top250,comingSoon] = res;
      console.log(inTheaters)
    })
  }
})

若本号内容有做得不到位的地方（比如：涉及版权或其他问题），请及时联系我们进行整改即可，会在第一时间进行处理。