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

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

代码如下

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();