微信小程序获取循环元素id以及wx.login登录操作


Posted in Javascript onAugust 17, 2017

微信小程序获取循环元素id以及wx.login登录操作

通过点击方法获取循环数据元素的id例:

wxml里:

<view id="list" wx:for="{{txt}}" >

  <text id="L_name">{{item.name}}</text>

  <text id="L_price">¥{{item.price}}/{{item.unit}}</text>

  <text id="L_place">{{item.place}}</text>

  <text id="L_date">(数据更新时间:{{item.date}})</text>

  <a catchtap="gotoresult" id="{{item.name}}" class="button">肉产类</a>

  </view>

上面的a标签的id是通过循环来的,js能通过catchtap="gotoresult"来获取当前点击的元素idjs里:

gotoresult:function(e){

  var ep = e.target.id


  console.log(ep);


 }

小程序用户登录wx.login操作

js里:

wx.login({
   success: function (res) {
    if (res.code) {
     //发起网络请求
     wx.request({
      url: 'https://api.weixin.qq.com/sns/jscode2session',
      //url: 'https://www.xxx你的服务器网站xxxxxx.cn/',
      data: {
       appid:"你的appid",
       secret: "获取的secret",
       js_code: res.code,
       grant_type:"authorization_code"
      },
      success:function(res){
       message=res.data;
       console.log(message.openid)//返回的res里有用户openid等私密信息
      }
     })
    } else {
     console.log('获取用户登录态失败!' + res.errMsg)//异常反馈
    }
   }
  });

通过以上方式,可以向微信发送请求获取传回来的openid等信息;

小程序通过wx.checkSession可以判断登录是否过期

js里:

wx.checkSession({
 success: function(){
  //session 未过期,并且在本生命周期一直有效
 },
 fail: function(){
  //登录态过期
  wx.login() //重新登录
  ....
 }
})

如果登录过期,就可以调用上面的we.login来进行登录

 如有疑问请留言或者到本站社区交流讨论,感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

Javascript 相关文章推荐
JQuery中的$.getJSON 使用说明
Mar 10 Javascript
自己编写的类似JS的trim方法
Oct 09 Javascript
SinaEditor使用方法详解
Dec 28 Javascript
JQUERY 设置SELECT选中项代码
Feb 07 Javascript
Javascript 多物体运动的实现
Dec 24 Javascript
全面解析jQuery $(document).ready()和JavaScript onload事件
Jun 08 Javascript
微信公众号开发 自定义菜单跳转页面并获取用户信息实例详解
Dec 08 Javascript
Angular实现的进度条功能示例
Feb 18 Javascript
vue 解决移动端弹出键盘导致页面fixed布局错乱的问题
Nov 06 Javascript
element-ui tooltip修改背景颜色和箭头颜色的实现
Dec 16 Javascript
JS表格的动态操作完整示例
Jan 13 Javascript
微信小程序对图片进行canvas压缩的方法示例详解
Nov 12 Javascript
微信小程序 获取session_key和openid的实例
Aug 17 #Javascript
JavaScript输入分钟、秒倒计时技巧总结(附代码)
Aug 17 #Javascript
BootStrap 页签切换失效的解决方法
Aug 17 #Javascript
微信小程序实现拖拽 image 触摸事件监听的实例
Aug 17 #Javascript
input file样式修改以及图片预览删除功能详细概括(推荐)
Aug 17 #Javascript
微信小程序滚动Tab实现左右可滑动切换
Aug 17 #Javascript
Angular实现图片裁剪工具ngImgCrop实践
Aug 17 #Javascript
You might like
php存储过程调用实例代码
2013/02/03 PHP
typecho插件编写教程(四):插件挂载
2015/05/28 PHP
php数组函数array_key_exists()小结
2015/12/10 PHP
详解PHP中websocket的使用方法
2016/09/15 PHP
php opendir()列出目录下所有文件的实例代码
2016/10/02 PHP
详解PHP函数 strip_tags 处理字符串缺陷bug
2017/06/11 PHP
PHP基于pdo的数据库操作类【可支持mysql、sqlserver及oracle】
2018/05/21 PHP
js 得到文件后缀(通过正则实现)
2013/07/08 Javascript
javascript的parseFloat()方法精度问题探讨
2013/11/26 Javascript
js 判断控件获得焦点的示例代码
2014/03/04 Javascript
基于jQuery实现文本框缩放以及上下移动功能
2014/11/24 Javascript
Javascript通过overflow控制列表闭合与展开的方法
2015/05/15 Javascript
jquery中toggle函数交替使用问题
2015/06/22 Javascript
js实现随机抽选效果、随机抽选红色球效果
2017/01/13 Javascript
Javascript实现页面滚动时导航智能定位
2017/05/06 Javascript
详解vue-admin和后端(flask)分离结合的例子
2018/02/12 Javascript
vue-cli 使用vue-bus来全局控制的实例讲解
2018/09/15 Javascript
详谈vue中router-link和传统a链接的区别
2020/07/22 Javascript
通过Python使用saltstack生成服务器资产清单
2016/03/01 Python
Python中装饰器兼容加括号和不加括号的写法详解
2017/07/05 Python
Numpy 将二维图像矩阵转换为一维向量的方法
2018/06/05 Python
ubuntu 18.04搭建python环境(pycharm+anaconda)
2019/06/14 Python
使用opencv将视频帧转成图片输出
2019/12/10 Python
python多线程semaphore实现线程数控制的示例
2020/08/10 Python
css3的过滤效果简单实例
2016/08/03 HTML / CSS
纯css3使用vw和vh实现自适应的方法
2018/02/09 HTML / CSS
施华洛世奇澳大利亚官网:SWAROVSKI澳大利亚
2017/01/06 全球购物
香港万宁官方海外旗舰店:香港健与美连锁店
2018/09/27 全球购物
Elemental Herbology官网:英国美容品牌
2019/04/27 全球购物
应届毕业生自我鉴定范文
2013/12/27 职场文书
升旗仪式主持词
2014/03/19 职场文书
党员个人剖析材料(四风问题)
2014/10/07 职场文书
党的群众路线查摆剖析材料
2014/10/10 职场文书
2015年领班工作总结
2015/04/29 职场文书
幼儿园教学工作总结2015
2015/05/12 职场文书
关于mysql中string和number的转换问题
2022/06/14 MySQL