超简单 Promise封装小程序ajax 超好用 以及封装登录
//网络类
//封装网络请求
const ajax = (ajaxData, method) => {
wx.showLoading({
title: '加载中',
mask: true
});
console.log('use ajax', ajaxData.url)
return new Promise((resolve, reject) => wx.request({
url: ajaxData.url,
method: method || 'GET',
data: ajaxData.data,
success(e) {
// console.log('ajax',e);
if(e.data.retcode == 0) {
resolve(e)
wx.hideLoading();
} else {
wx.showToast({
title: e.data.message,
icon: 'none'
})
reject(e)
}
},
fail(e) {
wx.showLoading({
title: '网络错误'
})
}
}))
}
调用:
对应的JS页面头部引入
let util = require('../../utils/util')
var url = "https://api.map.baidu.com/geocoder/v2/";
var params = {
ak: "btdLALhz2PRv8iqW6oT95l6p", //免费去百度地图上申请一个
output: "json",
location: latitude + "," + longitude
} util.ajax({
url,
data: params
}).then(res => {
console.log(res);
})
或者将数据交互和逻辑分离开来,需要用的时候再调用
var url = "https://api.map.baidu.com/geocoder/v2/";
var params = {
ak: "btdLALhz2PRv8iqW6oT95l6p", //免费去百度地图上申请一个
output: "json",
location: latitude + "," + longitude
} let planAjax = util.ajax({
url,
data: params
}) planAjax.then(res => {
console.log(res);
})
//判断是否登录
const checkLogin = () => {
return new Promise((resolve, reject) => {
let token = wx.getStorageSync('token');
let userId = wx.getStorageSync('userId');
//验证token是否存在
if(token && userId) {
//验证token是否过期
ajax({
url: API + 'account/checktoken',
data: {
userId,
token
}
}).then(e => {
//未过期 开始执行业务逻辑
resolve();
}).catch(e => {
// 过期 清空本地所有存储 返回到登录页面
if(e.data.retcode == 99) {
wx.removeStorageSync('token');
wx.removeStorageSync('userId');
wx.reLaunch({
url: '../login/login'
})
}
})
} else {
// token 不存在 未登录过 返回到登录页面
// 执行清空 保证正确
wx.reLaunch({
url: '../login/login'
})
}
});
}
超简单 Promise封装小程序ajax 超好用 以及封装登录的更多相关文章
- 微信小程序与微信公众号同一用户登录问题
微信小程序与微信公众号同一用户登录问题 最近在做微信小程序与微信公众号登录合并的接口.整理相关资料以及个人认识的心得写了这篇文章与大家一起分享. 首先,简单说下我遇到的问题是我们的程序调用微信小程序得 ...
- 微信小程序使用场景延伸:扫码登录、扫码支付
微信小程序使用场景延伸:扫码登录.扫码支付 小程序最适合的使用场景有哪些?相比大家能列举出来很多,但这个场景,大家可能多数没想到_^ 笔者团队近期接到了一个PC项目:转转游戏租号PC官网,该项目要求在 ...
- 微信小程序,超能装的实例教程
序言 开始开发应用号之前,先看看官方公布的「小程序」教程吧!(以下内容来自微信官方公布的「小程序」开发指南) 本文档将带你一步步创建完成一个微信小程序,并可以在手机上体验该小程序的实际效果.这个小程序 ...
- 基于promise对小程序http请求方法封装
原因是我不想每次请求都复制粘贴那么长的请求地址,所以我把前边那一坨请求地址作为基础地址,只传后台给的路由就ok,而且,并不是每次请求都要显示正在加载,这对小程序体验很差,所以,我加了个形参,用来判断是 ...
- 超简单入门Vuex小示例
写在前面 本文旨在通过一个简单的例子,练习vuex的几个常用方法,使初学者以最快的速度跑起来一个vue + vuex的示例. 学习vuex需要你知道vue的一些基础知识和用法.相信点开本文的同学都具备 ...
- 浅析微信支付:微信支付简单介绍(小程序、公众号、App、H5)
本文是[浅析微信支付]系列文章的第二篇,主要讲解一下普通商户接入的支付方式以及其中的不同之处. 上篇文章讲了本系列的大纲,没有看过的朋友们可以看一下. 浅析微信支付:前篇大纲 微信支付是集成在微信客户 ...
- 2015.11.27初识java一集简单的java小程序
JAVA配置环境变量方法: 1.打开我的电脑--属性--高级--环境变量 2.新建系统变量JAVA_HOME 和CLASSPATH 变量名:JAVA_HOME变量值:D:\Java\jdk1.7.0_ ...
- Linux下简单C语言小程序的反汇编分析
韩洋原创作品转载请注明出处<Linux内核分析>MOOC课程http://mooc.study.163.com/course/USTC-1000029000 写在开始,本文为因为参加MOO ...
- 【原创】1、简单理解微信小程序
先看下网站的运行方式: 而小程序是这样: what?就这样?是的,就这样.那小程序官方提供的Wafer,还有Wafer2...想太多了,抛弃它们吧.不应当为了解决一个简单的旧问题而去整一个复杂的新问题 ...
随机推荐
- mongodb学习之:副本集
前面一张介绍了主从模式,现在mongoDB官方已经不建议使用主从模式了,替代方案是采用副本集的模式.副本集不能在一台电脑上操作.需要准备3台电脑进行搭建.副本集就是mongoDB副本所组成的一个集群. ...
- Masonry库的使用
Github 简要 自动布局最重要的是约束:UI元素间关系的数学表达式.约束包括尺寸.由优先级和阈值管理的相对位置.它们是添加剂,可能导致约束冲突 .约束不足造成布局无法确定 .这两种情况都会产生异常 ...
- HTML初级教程
1:标题h1~h6HTML标签有专门的标签处理你页面上的标题,它们是h1,h2,h3,h4,h5和h6,象封建社会一样,h1就是万能的君主而h6就是最底层的百姓. 注意,h1标签在一个页面只能使用一次 ...
- 快速解决Android中的selinux权限问题【转】
本文转载自:http://blog.csdn.net/mike8825/article/details/49428417 版权声明:本文为博主原创文章,未经博主允许不得转载. 关于selinux的详细 ...
- hadoop学习之旅2
集群搭建文档1.0版本 1. 集群规划 所有需要用到的软件: 链接:http://pan.baidu.com/s/1jIlAz2Y 密码:kyxl 2.0 系统安装 2.1 主机名配置 vi /etc ...
- codeforces D. Toy Sum 解题报告
题目链接:http://codeforces.com/problemset/problem/405/D 题目意思:从 1 - 1000000 中选择 n 个数:x1,x2,...,xn,对 x1-1, ...
- cygwin Could not create directory '/home/Administrator/.ssh'
在cygwin下运行: ssh-keygen -C "634772208@qq.com" -t rsa 时,出现如下错误: cygwin Could not create dire ...
- Piggy-Bank(复习完全背包)
传送门 题目大意: 有一个存钱的储存罐,给你它存满钱之前和之后的重量,和几类硬币的面值和重量. 求装满储钱罐时最小能得到多少钱. 题解:完全背包变形. 因为要求最小 一开始赋值大数. code: #i ...
- mybatis 优缺点和适用场合
MyBatis 是支持定制化 SQL.存储过程以及高级映射的优秀的持久层框架, MyBatis 避免了几乎所有的 JDBC 代码和手动设置参数以及获取结果集.MyBatis 可以对配置和原生Map使用 ...
- SQL编程题-----1
首先,题目给出这个数据库表格 要求写出SQL语句使之变成如下表格 解决方法: SELECT t1.Rq,t1.胜,t2.负 FROM //t1和t2是自己命的新表格的名字 (SELEC ...