微信小程序如何获取循环元素id与wx.login登录操作的实例

这篇文章主要介绍了微信小程序获取循环元素id以及wx.login登录操作的相关资料,这里提供实例帮助大家实现该功能，需要的朋友可以参考下

微信小程序获取循环元素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来进行登录

以上就是微信小程序如何获取循环元素id与wx.login登录操作的实例的详细内容，更多请关注Work网其它相关文章！