微信小程序获取循环元素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 相关文章推荐
flexigrid 类似ext grid的JS表格代码
Jul 17 Javascript
fancybox modal的完美解决(右上的X)
Oct 30 Javascript
jquery div 居中技巧应用介绍
Nov 24 Javascript
jquery如何改变html标签的样式(两种实现方法)
Jan 16 Javascript
JavaScript学习笔记(三):JavaScript也有入口Main函数
Sep 12 Javascript
Jquery插件之Fancybox丰富的弹出层效果附源码下载
Dec 02 Javascript
JavaScript焦点事件、鼠标事件和滚轮事件使用详解
Jan 15 Javascript
详解angular中如何监控dom渲染完毕
Jan 03 Javascript
详解Vue.js分发之作用域槽
Jun 13 Javascript
jQuery实现的回车触发按钮事件功能示例
Mar 25 jQuery
js中事件对象和事件委托的介绍
Jan 21 Javascript
js将日期格式转换为YYYY-MM-DD HH:MM:SS
Sep 18 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
destoon公司主页模板风格的添加方法
2014/06/20 PHP
php广告加载类用法实例
2014/09/23 PHP
jQuery调用RESTful WCF示例代码(GET方法/POST方法)
2014/01/26 Javascript
clipboard.js无需Flash无需依赖任何JS库实现文本复制与剪切
2015/10/10 Javascript
nodejs开发——express路由与中间件
2017/03/24 NodeJs
初学者AngularJS的环境搭建过程
2017/10/27 Javascript
JavaScript原型对象、构造函数和实例对象功能与用法详解
2018/08/04 Javascript
layer.confirm取消按钮绑定事件的方法
2018/08/17 Javascript
微信小程序时间戳转日期的详解
2019/04/30 Javascript
webpack结合express实现自动刷新的方法
2019/05/07 Javascript
js+canvas绘制图形验证码
2020/09/21 Javascript
[01:45]DOTA2众星出演!DSPL刀塔次级职业联赛宣传片
2014/11/21 DOTA
用map函数来完成Python并行任务的简单示例
2015/04/02 Python
python 循环遍历字典元素的简单方法
2016/09/11 Python
利用Celery实现Django博客PV统计功能详解
2017/05/08 Python
django开发教程之利用缓存文件进行页面缓存的方法
2017/11/10 Python
Python排序搜索基本算法之插入排序实例分析
2017/12/11 Python
Python Unittest自动化单元测试框架详解
2018/04/04 Python
python多任务及返回值的处理方法
2019/01/22 Python
tensorflow 变长序列存储实例
2020/01/20 Python
Django实现whoosh搜索引擎使用jieba分词
2020/04/08 Python
基于python实现ROC曲线绘制广场解析
2020/06/28 Python
pycharm不以pytest方式运行,想要切换回普通模式运行的操作
2020/09/01 Python
ReVive利维肤美国官网:RéVive Skincare
2018/04/18 全球购物
城野医生官方海外旗舰店:风靡亚洲毛孔收敛水
2018/04/26 全球购物
后勤工作职责
2013/12/22 职场文书
网上卖盒饭创业计划书范文
2014/02/07 职场文书
《乌鸦和狐狸》教学反思
2014/02/08 职场文书
代理协议书范本
2014/04/22 职场文书
2014年技术部工作总结
2014/12/12 职场文书
自荐信格式范文
2015/03/04 职场文书
毕业实习感受与体会
2015/05/26 职场文书
商务英语邮件开头问候语
2015/11/10 职场文书
Python 制作自动化翻译工具
2021/04/25 Python
MySQL数据库超时设置配置的方法实例
2021/10/15 MySQL
十大最强妖精系宝可梦,哲尔尼亚斯实力最强,第五被称为大力士
2022/03/18 日漫