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

 更新时间:2017年08月17日 15:32:52   投稿:lqh  
这篇文章主要介绍了微信小程序获取循环元素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来进行登录

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

相关文章

  • JavaScript内置对象介绍

    JavaScript内置对象介绍

    这篇文章主要介绍了JavaScript内置对象,内置对象就是指 JS 语言自带的一些对象,这些对象供开发者使用,并提供了一些常用的或是最基本而必要的功能,下面我们一起进入文章了解更多详细内容
    2021-12-12
  • JS ES新特性 模板字符串

    JS ES新特性 模板字符串

    这篇文章主要介绍了JS ES新特性模板字符串,模板字符串即Template String是增强版的字符串,使用反引号(```)来代替谱通字符串中的用双引号和单引号,更多相关介绍,需要的朋友可以参考下面文章的详细内容
    2021-12-12
  • Google 地图类型详解及示例代码

    Google 地图类型详解及示例代码

    本文主要介绍Google 地图类型,这里整理了Google 地图类型的基本知识资料,并附简单的示例代码便于大家学习参考,希望能帮助有需要的小伙伴
    2016-08-08
  • 微信小程序 封装http请求实例详解

    微信小程序 封装http请求实例详解

    这篇文章主要介绍了微信小程序 封装http请求实例详解的相关资料,需要的朋友可以参考下
    2017-01-01
  • JavaScript执行机制详细介绍

    JavaScript执行机制详细介绍

    这篇文章主要介绍了JavaScript执行机制,想要搞懂JavaScript执行机制,便与进程与线程的概念脱不了干系,下面我们就来看看这JavaScript执行机制的具体介绍吧,需要的朋友可以参考一下
    2021-12-12
  • JS实现微信播音效果示例详解

    JS实现微信播音效果示例详解

    这篇文章主要为大家介绍了JS实现微信播音效果示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-02-02
  • JS 里为什么会有 this

    JS 里为什么会有 this

    这篇文章主要介绍了JS 里为什么会有 this,文章主要从语言创造者(JS 之父的角度)来思考 this,我之前那篇讲 this 的文章是从使用者的角度写的,需要的朋友可以参考一下
    2021-10-10
  • 9个JavaScript日常开发小技巧

    9个JavaScript日常开发小技巧

    这篇文章主要介绍了9个JavaScript日常开发小技巧,,需要的朋友可以参考下
    2020-10-10
  • js中yield参数应用示例深入理解

    js中yield参数应用示例深入理解

    这篇文章主要为大家介绍了js中yield参数应用示例深入理解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-08-08
  • 微信小程序中input标签详解及简单实例

    微信小程序中input标签详解及简单实例

    这篇文章主要介绍了微信小程序中input标签详解及简单实例的相关资料,需要的朋友可以参考下
    2017-05-05

最新评论