/**
  * App 微信配置文件app.js
  * author: nujey
  * versions: 1.0.0
  */
  App({
  /**
  * @param {Object} options 调用的时候传入的参数对象
  */
  ajax: function (options) {
  // 把app的this重新保存
  const wx_this = this
  // 请求过渡加载过程
  // showLoading是微信自带的api 就是菊花转转转的请求过程
  wx.showLoading({
  title: '加载中',
  })
  // 把调用的时候传入的url和小程序的域名拼接
  // 得到 调用接口的地址
  // this.globalData.apiHost 是获取到全局数据下面的接口域名
  options.url = this.globalData.apiHost + options.url;
  return new Promise(function(resolve, reject) {
  // 发起微信请求
  wx.request({
  method: options.method,
  url: options.url,
  data: options.data,
  success: (result) => {
  wx.hideLoading()
  // http请求时200的时候
  if (result.statusCode === 200) {
  // 这里是请求到的数据的code为成功的时候 可以根据自己的情况来定 100是自定义的 后台返回成功
  if (result.data.code === 100) {
  resolve(result)
  } else if (result.data.code === 101) {
  // 这里的101 不是幛光101 是一个后台返回101的时候 证明微信登陆已经过时 需要重新登录一下
  app.login(function () {
  that.onLoad({ id: that.data.id });
  });
  } else {
  // 其余的错误信息和code码 可以根据具体情况来定义title
  wx.showModal({
  title: result.data.code.toString(),
  content: result.data.hint,
  showCancel: false,
  })
  }
  } else {
  // http请求错误信息处理 微信自带的弹出框
  wx.showModal({
  title: '提示',
  content: '服务器错误,请联系客服',
  showCancel: false,
  })
  }
  },
  })
  })
  }
  })
   
  // 调用
  // 在每个页面的page前面会有一个 app = getApp() 获取app实例
  const app = getApp()
  page({
  // 比如我们在onLoad的时候
  onLoad: function() {
  const params = {
  token: '...',
  id: '...',
  }
  app.ajax(params).then((result) => {
  // 处理数据
  })
  }
  })
   
  // 具体的情况可以自己来修改一下
  // 大佬们勿嘲风 小白上路

原文地址是我的github地址:求个星星~~~~·    https://github.com/nujey/wx-request-ajax/blob/master/wx-request-ajax.js

【微信小程序】对微信http请求API的封装,方便对错误码进行处理的更多相关文章

  1. 微信小程序的ajax数据请求wx.request

    微信小程序的ajax数据请求,很多同学找不到api在哪个位置,这里单独把小程序的ajax请求给列出来,微信小程序的请求就是wx.request这个api,wx.request(一些对象参数),微信小程 ...

  2. 微信小程序城市定位(百度地图API)

    概述 微信小程序提供一些API(地址)用于获取当前用户的地理位置等信息,但无论是wx.getLocation,还是wx.chooseLocation均没有单独的字段表示国家与城市信息,仅有经纬度信息. ...

  3. 微信小程序request(ajax)接口请求封装

    微信小程序request(ajax)接口请求封装 最近在进行小程序的编写,需要调用后端接口,经常要用到wx.request方法,所以就自己封装了一下,简化一下代码,如果能给大家提供帮助更好,在封装的时 ...

  4. 微信小程序之微信登陆 —— 微信小程序教程系列(20)

    简介: 微信登陆,在新建一个微信小程序Hello World项目的时候,就可以看到项目中出现了我们的微信头像,其实这个Hello World项目,就有一个简化版的微信登陆.只不过是,还没有写入到咱们自 ...

  5. 微信小程序与微信公众号同一用户登录问题

    微信小程序与微信公众号同一用户登录问题 最近在做微信小程序与微信公众号登录合并的接口.整理相关资料以及个人认识的心得写了这篇文章与大家一起分享. 首先,简单说下我遇到的问题是我们的程序调用微信小程序得 ...

  6. 微信小程序结合微信公众号进行消息发送

    微信小程序结合微信公众号进行消息发送 由于小程序的模板消息已经废弃了,官方让使用订阅消息功能.而订阅消息的使用限制比较大,用户必须得订阅.需要获取用户同意接收消息的权限.用户必须得和小程序有交互的时候 ...

  7. [转]微信小程序、微信公众号、H5之间相互跳转

    本文转自:https://www.cnblogs.com/colorful-paopao1/p/8608609.html 转自慕课网 一.小程序和公众号 答案是:可以相互关联. 在微信公众号里可以添加 ...

  8. 微信小程序、微信公众号、H5之间相互跳转

    转自慕课网 一.小程序和公众号 答案是:可以相互关联. 在微信公众号里可以添加小程序. 图片有点小,我把文字打出来吧: 可关联已有的小程序或快速创建小程序.已关联的小程序可被使用在自定义菜单和模版消息 ...

  9. 微信小程序(微信应用号)开发ide安装解决方法

    这两天整个技术圈都炸锅了,微信小程序(微信应用号)发布内测,首批200家收到邀请,但是没受邀请的同学,也不用担心,下面介绍一下解决方法. 首先需要下载ide,昨天只需要下载0.9版本的编辑器并替换文件 ...

  10. 微信小程序(原名微信应用号)开发工具0.9版安装教程

    微信小程序全称微信公众平台·小程序,原名微信公众平台·应用号(简称微信应用号) 声明 微信小程序开发工具类似于一个轻量级的IDE集成开发环境,目前仅开放给了少部分受微信官方邀请的人士(据说仅200个名 ...

随机推荐

  1. 【Python】 零碎知识积累 I

    大概也是出于初高中时学化学,积累各种反应和物质的习惯,还有大学学各种外语时一看见不认识的词就马上记下来的习惯,形成了一种能记一点是一点的零碎知识记录的癖好.这篇文章就是专门拿来记录这些零碎知识的,没事 ...

  2. STL --> map容器

    map容器 一.map简介 map是一类关联式容器.它的特点是增加和删除节点对迭代器的影响很小,除了那个操作节点,对其他的节点都没有什么影响.对于迭代器来说,可以修改实值,而不能修改key. 二.ma ...

  3. 关于redis数据库的简单思考

    redis数据库中有以下几种数据类型: 字符串,哈希,列表,集合,有序集合 它们应用的场景如下: 字符串用法单一,用于存储一个key的值,用于一一对应的场合 列表作为数组来使用 对于哈希,特别适用于存 ...

  4. Mybatis学习笔记一

    Mybatis介绍 MyBatis 本是apache的一个开源项目iBatis, 2010年这个项目由apache software foundation 迁移到了google code,并且改名为M ...

  5. Spring学习笔记(1)

    激发pojo的潜能,不会让pojo类继承实现或导入与Spring API相关的任何东西 那么spring怎么装配pojo呢-------->依赖注入(最大好处:松耦合) 耦合具有两面性: 一方面 ...

  6. C语言第二周作业——分支结构

    一.PTA实验作业 题目1.7-1计算分段函数 本题目要求计算下列分段函数f(x)的值: 1实验代码 double x,result; scanf("%lf",&x); i ...

  7. python pdb 调试

    命令行 Python -m pdb xxx.py l ----> list 显示当前代码 n ----> next 向下执行一行代码 c ----> continue 继续执行代码 ...

  8. Scala 集合入门

    1. 数组 1.1 定长数组 scala.Array 是定长的可变的索引型集合, JVM 中, Scala 的 Array 是以 Java 数组方式实现. String 对应 java.lang.St ...

  9. 易错点---所有的字符都自带bool值

    所有的字符都自带布尔值,只有0,None,空为False,其他全部为真!!!!!!!!!!! count = 0 while count < 3 : inp_age =input('Enter ...

  10. babel基本用法

    babel-cli babel-cli是本地使用编译js文件 1.安装: cnpm i babel-cli babel-preset-env -D 2.配置packjson: "script ...