微信小程序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();

关于“微信小程序class封装http的示例分析”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。