微信小程序获取循环元素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学习笔记(十八) 获得页面中的元素代码
Jun 20 Javascript
Javascript实现页面跳转的几种方式分享
Oct 26 Javascript
jQuery源码分析之jQuery.fn.each与jQuery.each用法
Jan 23 Javascript
Angular的MVC和作用域
Dec 26 Javascript
webpack4 SplitChunks实现代码分隔详解
May 23 Javascript
ant design实现圈选功能
Dec 17 Javascript
JavaScript修改注册表实例代码
Jan 05 Javascript
JS Html转义和反转义(html编码和解码)的实现与使用方法总结
Mar 10 Javascript
bootstrapValidator表单校验、更改状态、新增、移除校验字段的实例代码
May 19 Javascript
详解React 元素渲染
Jul 07 Javascript
js实现搜索提示框效果
Sep 05 Javascript
JavaScript实现鼠标经过表格某行时此行变色
Nov 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利用递归函数实现无限级分类的方法
2019/03/22 PHP
PHP 实现base64编码文件上传出现问题详解
2020/09/01 PHP
用javascript获取textarea中的光标位置
2008/05/06 Javascript
一些不错的js函数ajax
2008/08/20 Javascript
javascript GUID生成器实现代码
2009/10/31 Javascript
Jquery拖拽并简单保存的实现代码
2010/11/28 Javascript
JS基于面向对象实现的拖拽功能示例
2016/12/20 Javascript
基于vue的fullpage.js单页滚动插件
2017/03/20 Javascript
JS实现搜索关键词的智能提示功能
2017/07/07 Javascript
详解Layer弹出层样式
2017/08/21 Javascript
Vue下的国际化处理方法
2017/12/18 Javascript
vue2.0之多页面的开发的示例
2018/01/30 Javascript
vue中进入详情页记住滚动位置的方法(keep-alive)
2018/09/21 Javascript
jQuery实现动态添加和删除input框实例代码
2019/03/26 jQuery
Vue使用虚拟dom进行渲染view的方法
2019/12/26 Javascript
python实现颜色rgb和hex相互转换的函数
2015/03/19 Python
Python实现简单状态框架的方法
2015/03/19 Python
Python中unittest模块做UT(单元测试)使用实例
2015/06/12 Python
python使用xlrd与xlwt对excel的读写和格式设定
2017/01/21 Python
详解python中的 is 操作符
2017/12/26 Python
深入理解Python中的 __new__ 和 __init__及区别介绍
2018/09/17 Python
Python字符串内置函数功能与用法总结
2019/04/16 Python
浅谈Python中函数的定义及其调用方法
2019/07/19 Python
python正则-re的用法详解
2019/07/28 Python
Python图像处理之图片文字识别功能(OCR)
2019/07/30 Python
对python中的装包与解包实例详解
2019/08/24 Python
pandas实现excel中的数据透视表和Vlookup函数功能代码
2020/02/14 Python
突袭HTML5之Javascript API扩展1—Web Worker异步执行及相关概述
2013/01/31 HTML / CSS
让IE9以下版本的浏览器兼容HTML5的方法
2014/03/12 HTML / CSS
李宁官方网店:中国运动品牌
2017/11/02 全球购物
adidas马来西亚官网:adidas MY
2020/09/12 全球购物
社会实践活动总结范文
2014/07/03 职场文书
2014年团委工作总结
2014/11/13 职场文书
2015年元旦晚会活动总结(学生会)
2014/11/28 职场文书
活动费用申请报告
2015/05/15 职场文书
元旦主持词开场白
2015/05/29 职场文书