微信小程序封装wx.request以及小程序登录

1.封装wx.request

const GET = 'GET';
const POST = 'POST';
const PUT = 'PUT';
const FORM = 'FORM';
const DELETE = 'DELETE';const baseURL = 'https://alimini.ck9696.com/wxmall';
// const baseURL = 'http://192.168.0.17:8601/wxmall';
var app =  getApp();
function request(method, url, data) {return new Promise(function(resolve, reject) {var header = {'contenst-type': 'application/json','Authorization':wx.getStorageSync('token')};wx.request({url: baseURL + url,method: method,data: method === POST ? JSON.stringify(data) : data,header: header,success(res) {//请求成功//判断状态码---errCode状态根据后端定义来判断if (res.data.code == 0) {resolve(res);} else if (res.data.code == 501) {// 切换到绑定卡片页面// wx.navigateTo({//   url: '/pages/bindcard/bindcard'// });} else {//其他异常reject(res);// console.log(res.data.message)wx.showToast({title: res.data.message,icon: 'none',duration: 2000})} },fail(err) {//请求失败console.log(err)}})})
}

 2.用法

const API = {getBanner: (data) => request(GET, `/advertising/homeAdvertisingList`),//轮播图getGoods: (data) => request(GET, `/product/home?type=${data}`),//热门商品addTrolley: (data) => request(POST, `/cart/add`,data),//加入购物车 
}module.exports = {API: API
}

引入

// 获取数据async getData() {this.setData({bannerlist:(await $api.getBanner()).data.data, // 获取轮播hotlist:(await $api.getGoods(1)).data.data,    // 热门商品morelist:(await $api.getGoods(2)).data.data    // 获取商品列表},()=> {console.log(this.data);})},sure(){const that = thisif(this.data.flog){$api.addTrolley(that.data.querydata).then(res => {//请求成功// console.log(res)wx.showToast({title: '加入成功',icon: 'success',duration: 2000,success:()=>{that.setData({ show: false,'querydata.number':1});}})$api.getNum().then(res => {//请求成功that.setData({num:res.data.data,})}).catch(err => {// console.log("请求失败")//请求失败})}).catch(err => {//请求失败})}else{var price=that.data.info.price*that.data.querydata.numbervar data={allprice:price,list:[{number:that.data.querydata.number,product:that.data.querydata.productId,picUrl:that.data.lbimgs[0],price:that.data.info.price,productName:that.data.info.productName,}]}wx.navigateTo({url: '/pages/sureorder/sureorder',success: function(res) {res.eventChannel.emit('acceptdata', { data: data })}})}}

3.小程序登录

   

 wx.login({success: res => {// 发送 res.code 到后台换取 openId, sessionKey, unionIdconst that = thiswx.request({url: 'https://alimini.ck9696.com/wxmall/auth', // url: 'http://192.168.0.111:8601/wxmall/auth', data: {code:res.code},header: {'content-type': 'application/json' // 默认值},success (res) {wx.setStorage({key:"token",data:res.data.data.token})that.globalData.iscard = res.data.data.status}})}})

     

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/666903.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

VR全景技术可以应用在哪些行业,VR全景技术有哪些优势

引言: VR全景技术(Virtual Reality Panorama Technology)是一种以虚拟现实技术为基础,通过360度全景影像、立体声音、交互元素等手段,创造出沉浸式的虚拟现实环境。该技术不仅在娱乐领域有着广泛应用,还可…

ABAC模型简单介绍——通过casbin进行简单举例

ABAC模型简单介绍——通过casbin进行简单举例 文章目录 ABAC模型简单介绍——通过casbin进行简单举例定义相关术语Casbin实现ABAC(Python版)假设情境定义对象定义静态模型模板测试代码最终结果 相关链接 定义 Attribute Based Access Control (基于属性…

Git使用命令大全

命令大全参考阮一峰的博客,根据自己的使用习惯作了调整。 Git常用命令 其他常用的命令 配置Git # 显示当前的Git配置 $ git config --list# 编辑Git配置文件 $ git config -e [--global]# 设置提交代码时的用户信息 $ git config [--global] user.name "[nam…

第14章_视图

第14章_视图 1.常见的数据库对象 对象描述表(TABLE)表是存储数据的逻辑单元,以行和列的形式存在,列就是字段,行就是记录数据字典就是系统表,存放数据库相关信息的表。系统表的数据通常由数据库系统维护, 程序员通常不…

MDK Keil uVision5 cannot read project file 解决办法

MDK Keil uVision5 cannot read project file 解决办法 问题描述 我的系统重装过后是英文版的Windows 10,在打开别人/以前中文系统环境下保存的Keil Project文件(uvprojx文件)会报错,内容大致是 Cannot read project file D:\xx…

JAVA生成Word文档

第一步&#xff1a;导入依赖 <!--生成word文档--> <dependency><groupId>com.deepoove</groupId><artifactId>poi-tl</artifactId><version>1.10.3</version> </dependency> <!--数字转为汉字大写--> <depend…

《代码之丑》学习笔记18——写代码是一件可以一生精进的事

结束语 | 写代码是一件可以一生精进的事 文章目录 结束语 | 写代码是一件可以一生精进的事代码的敏感度 在很多人心目中&#xff0c;程序员是一个辛苦的职业&#xff0c;一方面&#xff0c;各种新东西层出不穷&#xff0c;程序员们要努力追随&#xff0c;另一方面&#xff0c;业…

十、VTK创建圆锥体vtkConeSource 带颜色

为圆锥体的每一面,添加一种颜色: 上述效果的代码: #include <vtkSmartPointer.h> #include <vtkPoints.h> #include <vtkLine.h> #include <vtkPolyData.h> #include <vtkPolyDataWriter.h> #include <vtkPolyDataMapper.h> #incl…

机器学习复习(6)——numpy的数学操作

加减法运算 # 创建两个不同的数组 a np.arange(4) #list(0,1,2,3 b np.array([5,10,15,20]) # 两个数组做减法运算 b-a 运行结果&#xff1a; 计算数组的平方 #b*2代表数组b每个元素乘以2 #b**2代表数组b每个元素的2次方 b**2 运行结果&#xff1a; 计算数组的正弦值 #…

Java 数据结构 二叉树(二)红黑树

目录 数据结构图-树 简介 规则 旋转 重新着色 红黑树构建过程 前言-与正文无关 生活远不止眼前的苦劳与奔波&#xff0c;它还充满了无数值得我们去体验和珍惜的美好事物。在这个快节奏的世界中&#xff0c;我们往往容易陷入工作的漩涡&#xff0c;忘记了停下脚步&#xf…

UnityShader(十五)纹理的属性

目录 面板属性&#xff1a; 多级渐远纹理技术&#xff08;mipmapping&#xff09; Filter Mode&#xff08;滤波模式&#xff09; 面板属性&#xff1a; 在Unity中导入一些纹理资源后可以在它的材质面板上调整其属性 如图&#xff1a; 在这个面板上有许多可以调整的属性&am…

Python的作用域

Python中的作用域是用来确定变量和函数的作用范围和生命周期的规则。在Python中&#xff0c;有四种类型的作用域&#xff1a;局部作用域、外层作用域、全局作用域和内置作用域。 一&#xff1a;局部作用域 在函数内部定义的所有变量都属于局部作用域。这些变量只能在该函数内…

西瓜书学习笔记——核化线性降维(公式推导+举例应用)

文章目录 算法介绍实验分析 算法介绍 核化线性降维是一种使用核方法&#xff08;Kernel Methods&#xff09;来进行降维的技术。在传统的线性降维方法中&#xff0c;例如主成分分析&#xff08;PCA&#xff09;和线性判别分析&#xff08;LDA&#xff09;&#xff0c;数据被映…

C++学习Day03之构造函数的调用规则

目录 一、程序及输出1.1 编译器会给一个类 至少添加3个函数1.2 自己提供了 有参构造函数1.3 自己提供了 拷贝构造函数 二、分析与总结 一、程序及输出 1.1 编译器会给一个类 至少添加3个函数 编译器会给一个类 至少添加3个函数 默认构造&#xff08;空实现&#xff09; 析构函…

QCoro: Qt C++ 20 协程库介绍

C20 推出了协程的实现&#xff08;coroutines&#xff09;。虽然开发一个支持协程特性的类库还是要花很多功夫的&#xff0c;但是使用一个开发好的类库则是非常嗨。这也是C 委员会一贯的原则&#xff1a; 如果你是类库开发者&#xff0c;必须足够有耐心学习拗口的特性。但如果…

MySQL分区的优缺点

前言 数据库中的分区技术为处理大规模数据提供了一种有效的手段&#xff0c;通过将数据划分成更小的可管理单元&#xff0c;我们能够提高查询性能、简化数据维护并更灵活地管理存储空间。然而&#xff0c;在采用分区时&#xff0c;我们必须认真考虑分区键的选择和实施细节&…

vue封装滚动表格

1.组件的使用 <div style"height:93%; overflow: hidden;"> <autoScroll :data"shortageList" :speed"0.5" :waitTime"500" :singleHeight"100" v-if"shortageList.length>0"><el-row v-for…

ACM训练题:曲线

这题只需要注意一个点&#xff0c;就是所有二次函数的二次系数都是大于0的&#xff0c;这说明这是个下凸函数&#xff0c;而且最小值旁边都是单调的&#xff0c;对于求区间凸函数极值问题&#xff0c;套三分模板即可。 AC代码&#xff1a; #include<bits/stdc.h> usin…

2023年全球软件开发大会(QCon上海站2023):核心内容与学习收获(附大会核心PPT下载)

在信息化和全球化日益加速的今天&#xff0c;软件开发技术日新月异&#xff0c;对全球各行各业产生了深远影响。2023年全球软件开发大会&#xff08;QCon上海站2023&#xff09;无疑成为行业内外瞩目的焦点。本次大会汇集了全球顶级的软件开发专家、企业领袖、研究者&#xff0…

nextcloud 优化扩展

cd /config vi config.php #ONLYOFFICE allow_local_remote_servers > true, #应用商店加速 appstoreenabled > true, appstoreurl > https://www.orcy.net/ncapps/v2/, #nginx配置调优 add_header Strict-Transport-Security max-age15552000; add…