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


Posted in Javascript onAugust 17, 2017

微信小程序获取循环元素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的设计模式
Nov 22 Javascript
js弹出框轻量级插件jquery.boxy使用介绍
Jan 15 Javascript
js限制文本框只能输入整数或者带小数点的数字
Apr 27 Javascript
全面了解javascript三元运算符
Jun 27 Javascript
浅谈JS中String()与 .toString()的区别
Oct 20 Javascript
基于jQuery实现左侧菜单栏可折叠功能
Dec 27 Javascript
Angular.js中处理页面闪烁的方法详解
Mar 09 Javascript
基于vue实现可搜索下拉框定制组件
Mar 26 Javascript
Vue CLI 2.x搭建vue(目录最全分析)
Feb 27 Javascript
详解如何在Vue项目中发送jsonp请求
Oct 25 Javascript
JavaScript代理模式原理与用法实例详解
Mar 10 Javascript
Vue+element+cookie记住密码功能的简单实现方法
Sep 20 Javascript
微信小程序 获取session_key和openid的实例
Aug 17 #Javascript
JavaScript输入分钟、秒倒计时技巧总结(附代码)
Aug 17 #Javascript
BootStrap 页签切换失效的解决方法
Aug 17 #Javascript
微信小程序实现拖拽 image 触摸事件监听的实例
Aug 17 #Javascript
input file样式修改以及图片预览删除功能详细概括(推荐)
Aug 17 #Javascript
微信小程序滚动Tab实现左右可滑动切换
Aug 17 #Javascript
Angular实现图片裁剪工具ngImgCrop实践
Aug 17 #Javascript
You might like
php时间不正确的解决方法
2008/04/09 PHP
php计算程序运行时间的简单例子分享
2014/05/10 PHP
PHP文件缓存内容保存格式实例分析
2014/08/20 PHP
php对象在内存中的存在形式分析
2015/02/03 PHP
PHP使用Face++接口开发微信公众平台人脸识别系统的方法
2015/04/17 PHP
Smarty缓存机制实例详解【三种缓存方式】
2019/07/20 PHP
php设计模式之迭代器模式实例分析【星际争霸游戏案例】
2020/04/07 PHP
PHP+Mysql分布式事务与解决方案深入理解
2021/02/27 PHP
JQuery中对Select的option项的添加、删除、取值
2013/08/25 Javascript
多引号嵌套的变量命名的问题
2014/05/09 Javascript
jQuery实现可用于博客的动态滑动菜单完整实例
2015/09/17 Javascript
Angular 1.x个人使用的经验小结
2017/07/19 Javascript
vue中v-model动态生成的实例详解
2017/10/27 Javascript
使用express+multer实现node中的图片上传功能
2018/02/02 Javascript
vue将对象新增的属性添加到检测序列的方法
2018/02/24 Javascript
基于vue2.0动态组件及render详解
2018/03/17 Javascript
jQuery+ajax读取json数据并按照价格排序示例
2018/03/28 jQuery
解决Mac node版本升级失败的问题
2018/05/16 Javascript
CryptoJS中AES实现前后端通用加解密技术
2018/12/18 Javascript
[06:43]2018DOTA2国际邀请赛寻真——VGJ.Thunder
2018/08/11 DOTA
[01:03:27]NAVI vs EG 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/17 DOTA
在Python中操作日期和时间之gmtime()方法的使用
2015/05/22 Python
python机器学习包mlxtend的安装和配置详解
2019/08/21 Python
Python3.5 win10环境下导入kera/tensorflow报错的解决方法
2019/12/19 Python
pytorch 实现cross entropy损失函数计算方式
2020/01/02 Python
浅谈TensorFlow中读取图像数据的三种方式
2020/06/30 Python
关于Python3的import问题(pycharm可以运行命令行import错误)
2020/11/18 Python
HTML5如何使用SVG的方法示例
2019/01/11 HTML / CSS
物流专业大学生求职信范文
2013/10/28 职场文书
生产助理岗位职责
2014/06/18 职场文书
订货会邀请函
2015/01/31 职场文书
少儿励志名言(80句)
2019/08/14 职场文书
使用pandas生成/读取csv文件的方法实例
2021/07/09 Python
Nginx的gzip相关介绍
2022/05/11 Servers
让JavaScript代码更加精简的方法技巧
2022/06/01 Javascript
GO中sync包自由控制并发示例详解
2022/08/05 Golang