微信小程序class封裝http的示例分析

這篇文章將為大家詳細(xì)講解有關(guān)微信小程序class封裝http的示例分析，小編覺得挺實(shí)用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

代碼如下

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:"網(wǎng)絡(luò)錯誤",
      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();

關(guān)于“微信小程序class封裝http的示例分析”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，使各位可以學(xué)到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。