微信小程序获取循环元素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 相关文章推荐
很可爱的输入框
Aug 03 Javascript
Moment.js 不容错过的超棒Javascript日期处理类库
Apr 15 Javascript
js输入框邮箱自动提示功能代码实现
Dec 10 Javascript
jquery用data方法获取某个元素上的事件
Jun 23 Javascript
javascript检测是否联网的实现代码
Sep 28 Javascript
JS实现六边形3D拖拽翻转效果的方法
Sep 11 Javascript
浅述Javascript的外部对象
Dec 07 Javascript
xmlplus组件设计系列之图标(ICON)(1)
May 05 Javascript
js实现图片轮播效果学习笔记
Jul 26 Javascript
[js高手之路]从原型链开始图解继承到组合继承的产生详解
Aug 28 Javascript
快速解决angularJS中用post方法时后台拿不到值的问题
Aug 14 Javascript
vuex+axios+element-ui实现页面请求loading操作示例
Feb 02 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
Zend framework处理一个http请求的流程分析
2010/02/08 PHP
PHP 中文处理技巧
2010/04/25 PHP
php shell超强免杀、减少体积工具实现代码
2012/10/16 PHP
使用PHP+MySql实现微信投票功能实例代码
2017/09/29 PHP
js String对象中常用方法小结(字符串操作)
2012/01/27 Javascript
jquery显示和隐藏div特效实例
2013/02/27 Javascript
JavaScript实现带缓冲效果的随屏滚动漂浮广告代码
2015/11/06 Javascript
jQuery中的ready函数与window.onload谁先执行
2016/06/21 Javascript
JAVA Web实时消息后台服务器推送技术---GoEasy
2016/11/04 Javascript
JavaScript制作弹出层效果
2016/12/02 Javascript
js select下拉联动 更具级联性!
2020/04/17 Javascript
JS中LocalStorage与SessionStorage五种循序渐进的使用方法
2017/07/12 Javascript
基于jquery.page.js实现分页效果
2018/01/01 jQuery
深入了解javascript 数组的sort方法
2018/06/01 Javascript
Vue iview-admin框架二级菜单改为三级菜单的方法
2018/07/03 Javascript
微信小程序 wxParse插件显示视频问题
2019/09/27 Javascript
React生命周期原理与用法踩坑笔记
2020/04/28 Javascript
Javascript幻灯片播放功能实现过程解析
2020/05/07 Javascript
[46:47]2014 DOTA2国际邀请赛中国区预选赛5.21 LGD-CDEC VS NE
2014/05/22 DOTA
[03:23]我的刀塔你不可能这么可爱 第一期金萌萌的故事
2014/06/20 DOTA
Python入门篇之列表和元组
2014/10/17 Python
Python的Flask框架中实现登录用户的个人资料和头像的教程
2015/04/20 Python
Python Web程序部署到Ubuntu服务器上的方法
2018/02/22 Python
Python用摘要算法生成token及检验token的示例代码
2020/12/01 Python
英国第一独立滑雪板商店:The Snowboard Asylum
2020/01/16 全球购物
描述内存分配方式以及它们的区别
2016/10/15 面试题
若干个Java基础面试题
2015/05/19 面试题
经管应届生求职信
2013/11/17 职场文书
初中家长寄语
2014/04/02 职场文书
三好学生个人先进事迹材料
2014/05/17 职场文书
学校社会实践活动总结
2014/07/03 职场文书
市委常委会班子党的群众路线教育实践活动整改方案
2014/10/25 职场文书
2014年乡镇妇联工作总结
2014/12/02 职场文书
小学开学典礼新闻稿
2015/07/17 职场文书
2015初中政治教学工作总结
2015/07/21 职场文书
Jsonp劫持学习
2021/04/01 PHP