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

(编辑：jimmy 日期: 2026/1/13 浏览：3 次 )

微信小程序获取循环元素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代码判断输入的字符串是否含有特殊字符和表情代码实例
下一篇：微信小程序获取session_key和openid的实例