微信小程序获取循环元素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中的CSS属性及命名规范
Nov 28 Javascript
jQuery检测鼠标左键和右键点击的方法
Mar 17 Javascript
javascript的replace方法结合正则使用实例总结
Jun 16 Javascript
JS日期对象简单操作(获取当前年份、星期、时间)
Oct 26 Javascript
js仿微博动态栏功能
Feb 22 Javascript
ReactNative之FlatList的具体使用方法
Nov 29 Javascript
详解vue mixins和extends的巧妙用法
Dec 20 Javascript
集成vue到jquery/bootstrap项目的方法
Feb 10 jQuery
详解vue项目打包后通过百度的BAE发布到网上的流程
Mar 05 Javascript
浅谈redux以及react-redux简单实现
Aug 28 Javascript
scrapyd schedule.json setting 传入多个值问题
Aug 07 Javascript
详解JavaScript自定义函数
Jul 29 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 登录记住密码实现思路
2013/05/07 PHP
PHP框架Laravel的小技巧两则
2015/02/10 PHP
用PHP代码给图片加水印
2015/07/01 PHP
kindeditor 加入七牛云上传的实例讲解
2017/11/12 PHP
jQuery.validate 常用方法及需要注意的问题
2013/03/20 Javascript
jquery仿QQ商城带左右按钮控制焦点图片切换滚动效果
2013/06/27 Javascript
jQuery实现的多屏图像图层切换效果实例
2015/05/07 Javascript
javascript类型系统——undefined和null全面了解
2016/07/13 Javascript
D3.js封装文本实现自动换行和旋转平移等功能
2016/10/14 Javascript
Bootstrap模态窗口源码解析
2017/02/08 Javascript
js 显示日期时间的实例(时间过一秒加1)
2017/10/25 Javascript
vue router+vuex实现首页登录验证判断逻辑
2018/05/17 Javascript
详解Vue 全局变量,局部变量
2019/04/17 Javascript
Vue过渡效果之CSS过渡详解(结合transition,animation,animate.css)
2020/02/05 Javascript
[48:56]2018DOTA2亚洲邀请赛 3.31 小组赛 A组 VG vs KG
2018/03/31 DOTA
python del()函数用法
2013/03/24 Python
python自动翻译实现方法
2016/05/28 Python
Python中input与raw_input 之间的比较
2017/08/20 Python
Python入门之三角函数sin()函数实例详解
2017/11/08 Python
python3.6 如何将list存入txt后再读出list的方法
2019/07/02 Python
解决TensorFlow GPU版出现OOM错误的问题
2020/02/03 Python
Python使用Pyqt5实现简易浏览器(最新版本测试过)
2020/04/27 Python
推荐一些比较有用的css3新属性
2014/11/11 HTML / CSS
html5如何在Canvas中实现自定义路径动画示例
2017/09/18 HTML / CSS
世界领先的在线地板和建筑材料批发商:BuildDirect
2017/02/26 全球购物
亚马逊印度站:Amazon.in
2017/10/15 全球购物
Fossil美国官网:化石手表、手袋、首饰及配饰
2019/02/17 全球购物
Nanushka官网:匈牙利服装品牌
2019/08/14 全球购物
化工操作工岗位职责
2014/04/29 职场文书
消防安全宣传标语
2014/06/07 职场文书
在职人员跳槽求职信
2015/03/20 职场文书
总账会计岗位职责
2015/04/02 职场文书
义卖募捐活动总结
2015/05/09 职场文书
2016学雷锋优秀志愿者事迹材料
2016/02/25 职场文书
【海涛dota】偶遇拉娜娅 质量局德鲁伊第一视角解说
2022/04/01 DOTA
Python安装及建立虚拟环境的完整步骤
2022/06/25 Servers