微信小程序获取收货地址流程
微信小程序获取收货地址流程
1.点击事件触发函数,获取用户当前设置
2.根据用户当前设置中的用户授权结果,判断是否包含收货地址授权
3直接调用wx.chooseAddress(),获取用户收货地址。
在微信小程序官方文档中,有一个获取用户收货地址 wx.chooseAddress 的api,我在使用的时候有一个问题,就是在点击 获取收获地址 后点击 取消,然后不能继续点击这 获取收获地址 ,这里得清缓存后才能再次点击。
<button bindtap='aaaaaaa'>获取地址</button>
要先获取用户收货地址需要用户点击授权,获取权限的api: wx.getSetting ,可以通过这个api去判断用户是否点击的是 确定 还是 取消 ,然后再去做一下的判断。
// js代码
Page({data:{user:{name:"",cityName:""}},//点击 收获地址handleChooseAddress(){// 获取用户收货地址 (有小bug,点击后点取消,然后不能再次点击)// wx.chooseAddress({// success:(result)=>{// console.log(result)// }// })// 正确流程:// 1.获取 权限状态wx.getSetting({success: (result) => {console.log(result)// 2. 获取权限状态 // 主要发现一些 属性名很怪异的时候 都要使用 [] 形式来获取属性const scopeAddres=result.authSetting["scope.address"];// 判断用户的权限状态if(scopeAddres===true||scopeAddres===undefined){wx.chooseAddress({success: (result1) => {console.log(result1)//获取数据this.setData({user:{name:result1.userName,cityName:result1.cityName}})}});}else{// 3. 用户 以前拒绝过授予权限 先引导用户打开权限页面wx.openSetting({success: (result2) => {// 4.可以调用 获取收获地址代码wx.chooseAddress({success: (result3) => {console.log(result3)// 获取数据this.setData({user:{name:result3.userName,cityName:result3.cityName}})}});}});}}});}
})
微信小程序获取收货地址流程相关推荐
- 微信小程序获取收货地址及存储收货地址
这个城市数据的js直接放网盘了我 链接:https://pan.baidu.com/s/18UsJ1VUxEI-7LJjVW8BW4w 提取码:mmao wxml <view class=&q ...
- 微信小程序实现收货地址城市选择效果(添加收货地址)
先来张效果图 这里主要是城市选择效果,请忽视其他,不要吐槽,谢谢 接下来看一下代码吧 wxml <!--pages/my/my-add-address/index.wxml--> < ...
- 微信小程序购物车收货地址实现
首先理一下收获地址按钮的逻辑 1.获取用户的收获地址 1.绑定点击事件 2.调用小程序内置api 获取用户的收获地址,通过wx.chooseAddress 2.获取用户所授予获取地址的权限 状态为sc ...
- 微信小程序获取客户端IP地址,HTTPS接口(ts\js)
微信小程序获取用户IP地址,HTTPS接口 很简单实用的ip地址接口, 只返回当前ip 接口返回内容格式为: {"ip":"27.211.239.98"} // ...
- 24-微信小程序商城 收货地址列表(微信小程序商城开发、小程序毕业设计、小程序源代码)(黄菊华-微信小程序开发教程)
收货地址列表 本节主要讲解收货地址列表界面的实现.效果如图15-5所示. 1.布局分析 结构布局分析示意如图15-6所示. 根据上面的布局分析,我们会产生基础的框架,代码示例如下: <view ...
- 微信小程序获取当前城市地址
var QQMapWX = require('../../utils/qqmap-wx-jssdk.js'); var qqmapcity_name:"",onLoad: func ...
- 微信小程序获取用户Ip地址
注意:请求地址需要添加到小程序的request 合法域名中 wx.request({url: 'https://pv.sohu.com/cityjson?ie=utf-8',success(res){ ...
- 微信小程序获取用户IP地址,HTTPS接口
很简单实用的ip地址接口, 只返回当前ip 接口返回内容格式为: {"ip":"27.211.239.98"} // 获取IP地址 wx.request({ur ...
- 小程序用户收货地址修改
页面使用的是weui的组件.主要实现的思路: 1.从地址管理页跳转过来,在onload里面将传过来的参数address获取后,渲染到前台页面:同时将address数据缓存到本地: 2.修改地址后提交, ...
- 5分钟快速了解微信小程序如何获取收货地址,耶稣也拦不住,我说的!!!
写在前面 最近在学习一个微信小程序的项目,其中涉及了获取收货地址的部分,我将其总结了下,希望能给大家带来些许帮助~ 步骤分析 绑定点击事件 调用wx.chooseAddress获取用户的收货地址 利用 ...
最新文章
- 有了它,不会JavaScript,也能写出各种精彩页面!
- 两数相加python代码实现(leetcode2)
- 力扣:13罗马数字转整数(python)
- linux中mysql导入数据库命令_linux下mysql数据库导入导出命令
- java分享第十七天-01(封装操作xml类)
- 请问 CType和DirectCast函数有何区别
- 爱特php文件管理器2.8_查找「超级蜘蛛池开发者中心 抠:44564876易」安卓应用 - 豌豆荚...
- yuv转opencv中的IplImage
- Java1.8安装win10_java1.8环境配置+win10系统
- iis出现HTTP 错误 403.14 - Forbidden Web问题
- [CIFS]解决linux挂载CIFS提示 HOST is down
- SDR软件无线电知识要点(一)噪声系数与噪声因子
- 在excel中批量生成条形码的操作方法?
- 打开GitHub官网缓慢
- JS工具库moment —— 实现日历
- 【python】二进制与十进制的转换
- 读《470个建筑设计创意发想》
- 运指如飞 拼音输入法三剑客功能横测!
- 联想小新pro13关闭自动调节亮度
- 3.1.2随机梯度下降法