微信小程序获取循环元素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 相关文章推荐
JS 动态获取节点代码innerHTML分析 [IE,FF]
Nov 30 Javascript
js获取单选框或复选框值及操作
Dec 18 Javascript
ajax java 实现自动完成功能
Dec 19 Javascript
javascript计时器事件使用详解
Jan 07 Javascript
JavaScript跨平台的开源框架NativeScript
Mar 24 Javascript
Javascript 实现放大镜效果实例详解
Dec 03 Javascript
基于BootStrap栅格栏系统完成网站底部版权信息区
Dec 23 Javascript
基于js粘贴事件paste简单解析以及遇到的坑
Sep 07 Javascript
JS扁平化输出数组的2种方法解析
Sep 17 Javascript
详解react组件通讯方式(多种)
May 06 Javascript
深入了解JS之作用域和闭包
Jun 16 Javascript
解决vue下载后台传过来的乱码流的问题
Dec 05 Vue.js
微信小程序 获取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&amp;&amp;mysql)三
2006/10/09 PHP
php防注
2007/01/15 PHP
php的慢速日志引起的Mysql错误问题分析
2014/05/13 PHP
php+ajax实时刷新简单实例
2015/02/25 PHP
浅谈关于PHP解决图片无损压缩的问题
2017/09/01 PHP
详解php与ethereum客户端交互
2018/04/28 PHP
laravel + vue实现的数据统计绘图(今天、7天、30天数据)
2018/07/31 PHP
Thinkphp5.0 框架Model模型简单用法分析
2019/10/11 PHP
PHP语言对接抖音快手小红书视频/图片去水印API接口源码
2020/08/11 PHP
小议Javascript中的this指针
2010/03/18 Javascript
js获取php变量的实现代码
2013/08/10 Javascript
热点新闻滚动特效的js代码
2013/08/17 Javascript
javascript相等运算符与等同运算符详细介绍
2013/11/09 Javascript
基于Jquery和CSS3制作数字时钟附源码下载(CSS3篇)
2015/11/24 Javascript
jquery编写Tab选项卡滚动导航切换特效
2020/07/17 Javascript
JS使用JSON作为参数实例分析
2016/06/23 Javascript
JS百度地图搜索悬浮窗功能
2017/01/12 Javascript
JavaScript字符串对象(string)基本用法示例
2017/01/18 Javascript
jQuery插件MovingBoxes实现左右滑动中间放大图片效果
2017/02/28 Javascript
node.js操作mysql简单实例
2017/05/25 Javascript
详解Layer弹出层样式
2017/08/21 Javascript
JSON 数据格式详解
2017/09/13 Javascript
js实现rem自动匹配计算font-size的示例
2017/11/18 Javascript
微信小程序 scroll-view实现锚点滑动的示例
2017/12/06 Javascript
JS 中可以提升幸福度的小技巧(可以识别更多另类写法)
2018/07/28 Javascript
微信小程序官方动态自定义底部tabBar的例子
2019/09/04 Javascript
python实现的AES双向对称加密解密与用法分析
2017/05/02 Python
关于Python 3中print函数的换行详解
2017/08/08 Python
Python小白必备的8个最常用的内置函数(推荐)
2019/04/03 Python
python数据预处理 :数据共线性处理详解
2020/02/24 Python
python实现定时发送邮件到指定邮箱
2020/12/23 Python
HTML实现代码雨源码及效果示例
2020/02/25 HTML / CSS
半年思想汇报
2013/12/30 职场文书
党员干部观看《周恩来四个昼夜》思想汇报
2014/09/10 职场文书
党员教师自我剖析材料
2014/09/29 职场文书
SpringCloud的JPA连接PostgreSql的教程
2021/06/26 Java/Android