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

发布时间 - 2026-01-11 02:50:38    点击率:

微信小程序获取循环元素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登录操作  # 小程序获取循环元素及id  # 支付宝小程序自定义弹窗dialog插件的实现代码  # 微信小程序 wx.login解密出现乱码的问题解决办法  # pjblog中清空引用的小程序  # 微信小程序页面滚动到指定位置代码实例  # 微信小程序HTTP接口请求封装代码实例  # 微信小程序JS加载esmap地图的实例详解  # 微信小程序之 catalog 切换实现解析  # 用户登录  # 更新时间  # 如有  # 希望能  # 谢谢大家  # 私密  # 就可以  # 疑问请  # unit  # L_place  # place  # price  # L_name  # item  # L_price  # L_date  # 肉产类  # gotoresult  # button  # idjs 


相关栏目: 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571


相关推荐: 黑客如何通过漏洞一步步攻陷网站服务器?  网站制作软件有哪些,制图软件有哪些?  做企业网站制作流程,企业网站制作基本流程有哪些?  微信小程序 canvas开发实例及注意事项  猎豹浏览器开发者工具怎么打开 猎豹浏览器F12调试工具使用【前端必备】  jQuery 常见小例汇总  如何注册花生壳免费域名并搭建个人网站?  Laravel如何集成微信支付SDK_Laravel使用yansongda-pay实现扫码支付【实战】  EditPlus 正则表达式 实战(3)  标题:Vue + Vuex + JWT 身份认证的正确实践与常见误区解析  标准网站视频模板制作软件,现在有哪个网站的视频编辑素材最齐全的,背景音乐、音效等?  laravel怎么用DB facade执行原生SQL查询_laravel DB facade原生SQL执行方法  成都网站制作公司哪家好,四川省职工服务网是做什么用?  高端建站三要素:定制模板、企业官网与响应式设计优化  Laravel如何获取当前用户信息_Laravel Auth门面获取用户ID  高端云建站费用究竟需要多少预算?  Laravel如何清理系统缓存命令_Laravel清除路由配置及视图缓存的方法【总结】  微信h5制作网站有哪些,免费微信H5页面制作工具?  如何彻底删除建站之星生成的Banner?  在线制作视频网站免费,都有哪些好的动漫网站?  HTML 中如何正确使用模板变量为元素的 name 属性赋值  佛山企业网站制作公司有哪些,沟通100网上服务官网?  node.js报错:Cannot find module &#39;ejs&#39;的解决办法  Java解压缩zip - 解压缩多个文件或文件夹实例  如何彻底卸载建站之星软件?  千库网官网入口推荐 千库网设计创意平台入口  Laravel如何处理文件上传_Laravel Storage门面实现文件存储与管理  公司门户网站制作流程,华为官网怎么做?  香港服务器租用费用高吗?如何避免常见误区?  Laravel Facade的原理是什么_深入理解Laravel门面及其工作机制  Laravel如何升级到最新版本?(升级指南和步骤)  Laravel怎么实现模型属性转换Casting_Laravel自动将JSON字段转为数组【技巧】  北京网站制作费用多少,建立一个公司网站的费用.有哪些部分,分别要多少钱?  Linux安全能力提升路径_长期防护思维说明【指导】  laravel怎么在请求结束后执行任务(Terminable Middleware)_laravel Terminable Middleware请求结束任务执行方法  Laravel 419 page expired怎么解决_Laravel CSRF令牌过期处理  网站制作报价单模板图片,小松挖机官方网站报价?  ChatGPT常用指令模板大全 新手快速上手的万能Prompt合集  手机软键盘弹出时影响布局的解决方法  Win11怎么关闭资讯和兴趣_Windows11任务栏设置隐藏小组件  如何在云主机快速搭建网站站点?  JS碰撞运动实现方法详解  Laravel Blade模板引擎语法_Laravel Blade布局继承用法  HTML透明颜色代码怎么让下拉菜单透明_下拉菜单透明背景指南【技巧】  动图在线制作网站有哪些,滑动动图图集怎么做?  制作无缝贴图网站有哪些,3dmax无缝贴图怎么调?  Laravel如何实现多表关联模型定义_Laravel多对多关系及中间表数据存取【方法】  如何快速登录WAP自助建站平台?  Laravel如何与Inertia.js和Vue/React构建现代单页应用  手机怎么制作网站教程步骤,手机怎么做自己的网页链接?