【微信小程序】对微信http请求API的封装,方便对错误码进行处理
| /** | |
| * 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的封装,方便对错误码进行处理的更多相关文章
- 微信小程序的ajax数据请求wx.request
微信小程序的ajax数据请求,很多同学找不到api在哪个位置,这里单独把小程序的ajax请求给列出来,微信小程序的请求就是wx.request这个api,wx.request(一些对象参数),微信小程 ...
- 微信小程序城市定位(百度地图API)
概述 微信小程序提供一些API(地址)用于获取当前用户的地理位置等信息,但无论是wx.getLocation,还是wx.chooseLocation均没有单独的字段表示国家与城市信息,仅有经纬度信息. ...
- 微信小程序request(ajax)接口请求封装
微信小程序request(ajax)接口请求封装 最近在进行小程序的编写,需要调用后端接口,经常要用到wx.request方法,所以就自己封装了一下,简化一下代码,如果能给大家提供帮助更好,在封装的时 ...
- 微信小程序之微信登陆 —— 微信小程序教程系列(20)
简介: 微信登陆,在新建一个微信小程序Hello World项目的时候,就可以看到项目中出现了我们的微信头像,其实这个Hello World项目,就有一个简化版的微信登陆.只不过是,还没有写入到咱们自 ...
- 微信小程序与微信公众号同一用户登录问题
微信小程序与微信公众号同一用户登录问题 最近在做微信小程序与微信公众号登录合并的接口.整理相关资料以及个人认识的心得写了这篇文章与大家一起分享. 首先,简单说下我遇到的问题是我们的程序调用微信小程序得 ...
- 微信小程序结合微信公众号进行消息发送
微信小程序结合微信公众号进行消息发送 由于小程序的模板消息已经废弃了,官方让使用订阅消息功能.而订阅消息的使用限制比较大,用户必须得订阅.需要获取用户同意接收消息的权限.用户必须得和小程序有交互的时候 ...
- [转]微信小程序、微信公众号、H5之间相互跳转
本文转自:https://www.cnblogs.com/colorful-paopao1/p/8608609.html 转自慕课网 一.小程序和公众号 答案是:可以相互关联. 在微信公众号里可以添加 ...
- 微信小程序、微信公众号、H5之间相互跳转
转自慕课网 一.小程序和公众号 答案是:可以相互关联. 在微信公众号里可以添加小程序. 图片有点小,我把文字打出来吧: 可关联已有的小程序或快速创建小程序.已关联的小程序可被使用在自定义菜单和模版消息 ...
- 微信小程序(微信应用号)开发ide安装解决方法
这两天整个技术圈都炸锅了,微信小程序(微信应用号)发布内测,首批200家收到邀请,但是没受邀请的同学,也不用担心,下面介绍一下解决方法. 首先需要下载ide,昨天只需要下载0.9版本的编辑器并替换文件 ...
- 微信小程序(原名微信应用号)开发工具0.9版安装教程
微信小程序全称微信公众平台·小程序,原名微信公众平台·应用号(简称微信应用号) 声明 微信小程序开发工具类似于一个轻量级的IDE集成开发环境,目前仅开放给了少部分受微信官方邀请的人士(据说仅200个名 ...
随机推荐
- java中有关流操作的类和接口
一.java操作l流有关的类和接口 1.File 文件类 2.RandomAccessFile 随机存储文件类 3.InputStream 字节输入流 4.OutputStream 字节输出流 5.R ...
- Mysql加密解密随机函数
MD5(str) md5加密 SELECT MD5('hello') 5d41402abc4b2a76b9719d911017c592 sha(str) sha加密 SELECT SHA('hello ...
- GLSL Versions和GLSL ES Versions 对比
You can use the #version command as the first line of your shader to specify GLSL version: #version ...
- 从0开始的LeetCode生活—9. Palindrome Number(回文数)
题目大意: 判断输入的数字是不是回文数.所谓回文数就是正反读都一样的数字,比如说11,121,1221这样子的数字.负数不会是回文数. 解题思路: 思路一:如果这个数是负数,则返回false,否则用一 ...
- 201621123050 《Java程序设计》第4周学习总结
1. 本周学习总结 1.1 写出你认为本周学习中比较重要的知识点关键词 继承.抽象.多态 1.2 尝试使用思维导图将这些关键词组织起来.注:思维导图一般不需要出现过多的字. 1.3 可选:使用常规方法 ...
- 用python实现简单购物车功能
all_asset = 0 i1 = input("请输入总资产:") all_asset = int(i1) goods = [ {'name':'电脑','price':199 ...
- jvm垃圾收集器总结jdk1.7
内存 ● 线程私有:程序计数器,虚拟机栈,本地方法栈 ● 线程共享: 方法区,堆 判断存活算法 ● 引用计数法:无法解决循环引用问题. ● 可达性分析算法: 从GCRoot作为起始点,向下搜索,经过的 ...
- Linux之用户与用户组
1.Linux是一种 多用户多任务分时操作系统. 2.Linux的用户只有两个等级:root用户和非root用户. Linux系统默认 内置了root用户 和一些非root用户,如nobody,a ...
- Telnet、SSH和VNC 区别
Telnet Telnet是进行远程登录的标准协议,它是当今Internet上应用最广泛的协议之一.它把用户正在使用的终 端或计算机变成网络某一远程主机的仿真终端,使得用户可以方便地使用远程主机上的软 ...
- 前端之bootstrap模态框
简介:模态框(Modal)是覆盖在父窗体上的子窗体.通常,目的是显示来自一个单独的源的内容,可以在不离开父窗体的情况下有一些互动.子窗体可提供信息.交互等. Modal简介 Modal实现弹出表单 M ...