微信小程序前端promise封装代码实例
2019-08-24 11:28
911 查看
这篇文章主要介绍了微信小程序前端promise封装代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
代码如下
config.js
const config = { base_url_api : "https://douban.uieee.com/v2/movie/", } export {config}
http.js
import { config } from "../config"; class HTTP { requset({ url, method = "GET", data = {} }) { const promise = new Promise((resolve, reject) => { wx.request({ url: config.base_url_api + url, data, method, header: { 'Content-Type': 'json' }, success: res => { //状态码 toString() 转成字符串 const statusCode = res.statusCode.toString(); if (statusCode.startsWith("2")) { resolve(res.data) } else { this._show_error(); } }, fail: res => { reject(err); this._show_error(); } }) }) return promise; } _show_error() { wx.showToast({ title: '网络错误', icon: 'none' }) } } export { HTTP }
model/movie.js
import {HTTP} from "../utils/http"; class MovieModel extends HTTP{ getInTheaters(){ return this.requset({ url:"in_theaters" }) } getTop250(){ return this.requset({ url:"top250" }) } getComingSoon(){ return this.requset({ url:"coming_soon" }) } } export {MovieModel};
pages/index/index.js
const app = getApp(); import {MovieModel} from "../../model/movie"; const movieModel = new MovieModel(); Page({ onLoad(){ // movieModel.getInTheaters().then(res=>{ // console.log(res) // }) const inTheaters = movieModel.getInTheaters() const top250 = movieModel.getTop250(); const comingSoon = movieModel.getComingSoon(); Promise.all([inTheaters,top250,comingSoon]).then(res=>{ let[inTheaters,top250,comingSoon] = res; console.log(inTheaters) }) } })
以上就是本文的全部内容,希望对大家的学习有所帮助
您可能感兴趣的文章:
相关文章推荐
- 微信小程序 request接口的封装实例代码
- 前端开发---微信小程序中的页面代码中的模板的封装
- 微信小程序 使用picker封装省市区三级联动实例代码
- 微信小程序 http请求封装详解及实例代码
- 微信小程序 http请求封装详解及实例代码
- 微信小程序封装http访问网络库实例代码
- 微信 小程序前端源码详解及实例分析
- 微信小程序中实现一对多发消息详解及实例代码
- 微信小程序 ecshop地址三级联动实现实例代码
- 微信小程序左右滑动切换页面详解及实例代码
- 微信小程序 摇一摇抽奖简单实例实现代码
- 微信小程序蓝牙连接小票打印机实例代码详解
- 微信小程序组件 contact-button(客服会话按钮)详解及实例代码
- 微信小程序 两种滑动方式(横向滑动,竖向滑动)详细及实例代码
- 微信小程序 canvas API详解及实例代码
- 微信小程序左滑JS代码封装
- [置顶] 微信小程序实现tabs选项卡效果简单代码实例
- 微信小程序修改swiper默认指示器样式的实例代码
- 微信小程序 location API接口详解及实例代码
- [微信小程序]单选框以及多选框实例代码附讲解