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

2024-10-09 17:50:42

这篇文章主要介绍了微信小程序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();

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

微信小程序设置全局请求URL及封装wx.request请求操作示例

本文实例讲述了微信小程序设置全局请求URL及封装wx.request请求操作.分享给大家供大家参考,具体如下: app.js: App({ //设置全局请求URL globalData:{ URL: 'https://www.oyhdo.com', }, /** * 封装wx.request请求 * method: 请求方式 * url: 请求地址 * data: 要传递的参数 * callback: 请求成功回调函数 * errFun: 请求失败回调函数 **/ wxRequest(metho
微信小程序免费SSL证书https、TLS版本问题的解决办法

微信小程序免费SSL证书https.TLS版本问题的解决办法微信小程序与第三方服务器通讯的域名5个必要条件 1.一个已备案的域名,不是localhost.也不是127.0.0.1,域名不能加端口 2.加ssl证书,也就是https://~~~ 4.HTTPS 服务器的 TLS 版本支持1.2及以下版本,一般就是1.0.1.1.1.2要同时支持这三个版本,一个也不能少,要不然就会出现下面这种情况 5.微信小程序后台加上合法域名设置(一个月内改的次数是有限的,且行且珍惜)如下图以上5个条件,必
微信小程序数据封装，参数传值等经验分享

微信小程序开发总结: 一: 参数传值的方法 1: data-id 我们可以给HTML元素添加data-*属性来传递我们需要的值,使用方法说明: (1)设置data-id <view class="block" bindtap="playTap" data-id="{{modle.id}}"> (2): 取值 + 传值 playTap:function(e) { const dataset = e.currentTarget.datas
微信小程序实现点击添加移除class

微信小程序点击添加移除class类实现动态变化class wxml: <view class="location_bottom" hidden="" > <view class="{{_num == 1?'add_citying':'add_city'}}" data-num = "1" bindtap="clickNum">北京</view> <view clas
详解微信小程序网络请求接口封装实例

网络请求封装实例实现定制要求和方便调用,对微信小程序的网络请求接口进行了封装封装位置:app.js,方便全局调用实现方法调用,只用关注接口url和入参默认和自定义的请求成功.失败和完成的回调处理可设置请求失败自动重新请求的次数可以防止重复提交每个请求设定requestCode 代码直接将这个方法放在了app.js中 /** * 接口公共访问方法 * @param {Object} urlPath 访问路径 * @param {Object} params 访问参数(json格式)
微信小程序实现自定义modal弹窗封装的方法

前言小程序官方提供了 wx.showModal 方法,但样式比较固定,不能满足多元化需求,自定义势在必行~ 老规矩先上图点击某个按钮,弹出 modal框,里面的内容可以自定义,可以是简单的文字提示,也可以输入框等复杂布局.操作完点击取消或确定关闭 modal. 如何使用将下面的 modal.wxml .modal.wxss .modal.js .modal.json 四个文件复制到对应位置即可. 封装完之后调用起来也很简单,看看调用的代码吧 <modal show="{{showMo
微信小程序后台https域名绑定和免费的https证书申请详解

微信小程序后台https域名绑定和免费的https证书申请详解微信小程序在11月3号发布了,这是一个全新的生态,没有赶上微信公众号红利的开发者,运营者可别错过这趟车了. 但是微信的后台需要全https,之前我还不相信,后台注册了后进后台才发现,服务器配置如下图从后台的服务器配置可以看出 (1)微信小程序后台只支持https,如果公司后台还没支持https的,赶紧要升级了 (2)API请求,文件上传,socket 文件上传和下载,必须是在后台配置的,否则微信不允许你下载另外,h
微信小程序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(
微信小程序简易计算器实现代码实例

这篇文章主要介绍了微信小程序简易计算器实现代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下只能进行简单的运算效果图如下: cal.wxml <view class="screen">{{result}}</view> <view class="content"> <view class="buttonGroup"> <button
微信小程序搜索框组件代码实例

这篇文章主要介绍了微信小程序搜索框组件代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下代码如下 search.wxml <view class="header"> <view class="search"> <icon type="search" size="18" color=""> </icon>
微信小程序进入广告实现代码实例

这篇文章主要介绍了微信小程序进入广告实现代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下代码如下 <view class="container"> <image src="../../imgs/swiper1.jpg"></image> <text bindtap="cliadv">跳过广告 {{miao}}</text> &l
微信小程序实现禁止分享代码实例

这篇文章主要介绍了微信小程序实现禁止分享代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下微信禁止分享添加以下代码到网页中即可 <script> document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() { // 通过下面这个API隐藏右上角按钮 WeixinJSBridge.call('hideOptionMenu'); // 通过下面这个AP
微信小程序关键字变色实现代码实例

这篇文章主要介绍了微信小程序关键字变色实现代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 1.小程序中不支持渲染indexOf使用,我们可以通过新建wps来实现 function fn(arr, arg) { var result = { indexOf: false, toString: '' } result.indexOf = arr.indexOf(arg) > -1; result.toString = arr.join(&quo
微信小程序日历弹窗选择器代码实例

应公司需求,写了一个弹窗日历选择器,感觉用着还不错,封装了一下,分享给大家,希望大家有什么意见可以指出来相互交流共同改进! 先上一个效果图:(当天日期为2018-4-18) 时间改为5月份的效果图: 直接上代码: wxml: <view class="weui-cells weui-cells_after-title" style='margin-top:100rpx;'> <view class="weui-cell weui-cell_access&qu
微信小程序人脸识别功能代码实例

前几天偶然看见一个人脸识别的小程序demo,觉得很有趣下载下来想玩玩,结果只是一个框架而已用不了的,花了点时间完善一下吐槽一下wx.uploadFile这个接口,真是个大坑,最开始调用时候,我以为它和同期的wx.downloadFile一样,只需要填入必须的参数就可以用,结果还是要配合后台php的首先,upload这个接口的url和request一样指的是php的路径,而不是download一样文件路径其次,我在最开始一直没弄懂这个"name"到底应该填什么,上传功能不好用我一直
微信小程序中显示倒计时代码实例

wxml文件中:  <view class="countDownTimeView countDownAllView" > <view class="voteText countDownTimeText">{{countDownDay}}天</view> <view class="voteText countDownTimeText">{{countDownHour}
PHP实现微信小程序在线支付功能(代码实例)

小程序访问地址:payfee.php 如果使用TP框架处理后台的话,写成方法即可 include 'WeixinPay.php'; $appid=''; //小程序appid $openid= $_POST['id']; $mch_id=''; //微信支付商户支付号 $key=''; //Api密钥 $out_trade_no = $mch_id. time(); $total_fee = $_POST['fee']; if (empty($total_fee)) { //押金 $body =

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

相关推荐

随机推荐