微信小程序class封装http代码实例

这篇文章主要介绍了微信小程序class封装http,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

代码如下

config.js

?

1 2 3 4

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

utils/http.js

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36

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

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23

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 引用

?

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

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持主机吧。