微信小程序前端promise封装

素颜马尾好姑娘i 2021-07-24 15:01 488阅读 0赞

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

###  ###

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

###  ###

## 请点赞！因为你们的赞同/鼓励是我写作的最大动力！ ##

### 欢迎关注[达叔小生][Link 1]的简书！ ###

**这是一个有质量，有态度的博客**

![博客][20190824084102573.jpeg]

[Link 1]: https://www.jianshu.com/u/c785ece603d1
[20190824084102573.jpeg]: https://img-blog.csdnimg.cn/20190824084102573.jpeg