微信小程序获取循环元素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 相关文章推荐
IE网页js语法错误2行字符1、FF中正常的解决方法
Sep 09 Javascript
仿JQuery输写高效JSLite代码的一些技巧
Jan 13 Javascript
javascript字符串与数组转换汇总
May 26 Javascript
讲解JavaScript中for...in语句的使用方法
Jun 03 Javascript
关于JavaScript作用域你想知道的一切
Feb 04 Javascript
利用jQuery实现CheckBox全选/全不选/反选的简单代码
May 31 Javascript
全面了解JavaScript对象进阶
Jul 19 Javascript
支付宝小程序自定义弹窗dialog插件的实现代码
Nov 30 Javascript
Vue实现回到顶部和底部动画效果
Jul 31 Javascript
vue-froala-wysiwyg 富文本编辑器功能
Sep 19 Javascript
Vue+ElementUI使用vue-pdf实现预览功能
Nov 26 Javascript
Vue.js 带下拉选项的输入框(Textbox with Dropdown)组件
Apr 17 Vue.js
微信小程序 获取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 self,$this,const,static,-&amp;gt;的使用
2009/10/22 PHP
php 截取字符串并以零补齐str_pad() 函数
2011/05/07 PHP
PHP之生成GIF动画的实现方法
2013/06/07 PHP
PHP下获取上个月、下个月、本月的日期(strtotime,date)
2014/02/02 PHP
php获取网页里所有图片并存入数组的方法
2015/04/06 PHP
jQuery点击tr实现checkbox选中的方法
2013/03/19 Javascript
javascript检查浏览器是否支持flash的实现代码
2014/08/14 Javascript
用JavaScript实现用一个DIV来包装文本元素节点
2014/09/09 Javascript
NodeJS中利用Promise来封装异步函数
2015/02/25 NodeJs
JS简单实现动画弹出层效果
2015/05/05 Javascript
js实现无限级树形导航列表效果代码
2015/09/23 Javascript
KnockoutJs快速入门教程
2016/05/16 Javascript
Bootstrap3学习笔记(二)之排版
2016/05/20 Javascript
AngularJS基础 ng-switch 指令简单示例
2016/08/03 Javascript
jQuery删除节点用法示例(remove方法)
2016/09/08 Javascript
Bootstrap3 Grid system原理及应用详解
2016/09/30 Javascript
JS实现快速的导航下拉菜单动画效果附源码下载
2016/11/01 Javascript
jquery操作select取值赋值与设置选中实例
2017/02/28 Javascript
bootstrap multiselect 多选功能实现方法
2017/06/05 Javascript
vue实现导航栏效果(选中状态刷新不消失)
2017/12/13 Javascript
JS扩展String.prototype.format字符串拼接的功能
2018/03/09 Javascript
详解vue的双向绑定原理及实现
2019/05/05 Javascript
Javascript表单序列化原理及实现代码详解
2020/10/30 Javascript
js中实现继承的五种方法
2021/01/25 Javascript
[58:58]2018DOTA2亚洲邀请赛 4.4 淘汰赛 TNC vs VG 第二场
2018/04/05 DOTA
Python中返回字典键的值的values()方法使用
2015/05/22 Python
python和pygame实现简单俄罗斯方块游戏
2021/02/19 Python
django框架使用方法详解
2019/07/18 Python
使用PYTHON解析Wireshark的PCAP文件方法
2019/07/23 Python
python实现人机猜拳小游戏
2020/02/03 Python
Pretty Green美国:英式摇滚服饰风格代表品牌之一
2019/01/23 全球购物
2014年教师批评与自我批评思想汇报
2014/09/20 职场文书
专业见习报告范文
2014/11/03 职场文书
初中生思想道德自我评价
2015/03/09 职场文书
歌舞青春观后感
2015/06/10 职场文书
java中如何截取字符串最后一位
2022/07/07 Java/Android