微信小程式如何取得循環元素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登入操作的實例的詳細內容。更多資訊請關注PHP中文網其他相關文章！