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

 更新时间:2019年08月24日 11:49:29   作者:达叔小生  
这篇文章主要介绍了微信小程序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();

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • js实现select下拉框菜单

    js实现select下拉框菜单

    这篇文章主要介绍了js实现select下拉框菜单的详细代码,感兴趣的小伙伴们可以参考一下
    2015-12-12
  • js中的屏蔽的使用示例

    js中的屏蔽的使用示例

    本文为大家介绍下js中的屏蔽的应用;屏蔽网页内容选中、剪切、复制及拷屏总之你能想象的应该都有,感兴趣的朋友可以参考下,希望对大家学习js有所帮助
    2013-07-07
  • 第四章之BootStrap表单与图片

    第四章之BootStrap表单与图片

    Bootstrap,来自 Twitter,是目前最受欢迎的前端框架。本文给大家介绍Bootstrap表单与图片的相关资料,需要的朋友可以参考下
    2016-04-04
  • js实现时间显示几天前、几小时前或者几分钟前的方法集锦

    js实现时间显示几天前、几小时前或者几分钟前的方法集锦

    这篇文章主要介绍了js实现时间显示几天前、几小时前或者几分钟前的方法,实例汇总分析了时间显示格式转换的常用思路与技巧,需要的朋友可以参考下
    2015-05-05
  • 详解关于html,css,js三者的加载顺序问题

    详解关于html,css,js三者的加载顺序问题

    这篇文章主要介绍了关于html,css,js三者的加载顺序问题,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-04-04
  • 利用ThreeJS实现孔明灯效果

    利用ThreeJS实现孔明灯效果

    这篇文章主要为大家详细介绍了如何利用Three.js实现3D圣诞节孔明灯效果,文中的示例代码讲解详细,感兴趣的小伙伴可以动手尝试一下
    2022-12-12
  • js登录弹出层特效

    js登录弹出层特效

    点击弹出层,点击后弹出一个登录层,在这个层内的内容调用了一个示例页面
    2014-03-03
  • Bootstrap modal使用及点击外部不消失的解决方法

    Bootstrap modal使用及点击外部不消失的解决方法

    这篇文章主要为大家详细介绍了Bootstrap modal使用及点击外部不消失的解决方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-12-12
  • JavaScript 就地编辑HTML节点实现代码

    JavaScript 就地编辑HTML节点实现代码

    JavaScript 就地编辑HTML节点实现代码
    2009-07-07
  • JavaScript是如何实现继承的(六种方式)

    JavaScript是如何实现继承的(六种方式)

    大多OO语言都支持两种继承方式: 接口继承和实现继承 ,而ECMAScript中无法实现接口继承,ECMAScript只支持实现继承,而且其实现继承主要是依靠原型链来实现,下文给大家技术js实现继承的六种方式,需要的朋友参考下
    2016-03-03

最新评论