微信小程序class封装http

以你之姓@ 2021-07-24 15:08 414阅读 0赞

config.js

var config = {
        base_api_url:"https://douban.uieee.com/v2/"
    }
    export {config}

utils/http.js

import {config} from "../config";
    class HTTP{
      request(params) {
        if (!params.method) {
          params.method = "GET"
        }
        wx.request({
          url: config.base_api_url + params.url,
          data: params.data,
          method:params.method,
          header: {
            'Content-Type': 'json'
          },
          success: function (res) {
            let statusCode = res.statusCode.toString();
            if(statusCode.startsWith("2")){
              params.success(res.data);
            }else{
              wx.showToast({
                title:"网络错误",
                icon:"none"
              })
            }
          },
          fail: function() {
            wx.showToast({
              title:"错误",
              icon:"none"
            })
          }
        })
      }
    }
    export{
      HTTP
    }

models/movie.js

import { HTTP } from "../utils/http";
    const movie = "movie/";
    class MovieModel extends HTTP {
        getTop250(callback) {
            this.request({
                url: movie + "top250",
                success: res => {
                    callback(res);
                }
            })
        }
        getComingsoon(callback) {
            this.request({
                url: movie + "coming_soon",
                success: res => {
                    callback(res)
                }
            })
        }
    }
    export {
        MovieModel
    }

index.js 引用

import {MovieModel} from "../../models/movie"
    var movie = new MovieModel();

###  ###

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

###  ###

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

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

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

![博客][20190824084716203.jpeg]

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