微信小程序获取循环元素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 相关文章推荐
如何从jQuery的ajax请求中删除X-Requested-With
Dec 11 Javascript
JS动态改变表格边框宽度的方法
Mar 31 Javascript
javascript实现table表格隔行变色的方法
May 13 Javascript
使用JavaScript制作一个简单的计数器的方法
Jul 07 Javascript
jQuery实现区域打印功能代码详解
Jun 17 Javascript
mac中利用NVM管理不同node版本的方法详解
Nov 08 Javascript
vue2.0 + element UI 中 el-table 数据导出Excel的方法
Mar 02 Javascript
深入浅析Vue中的Prop
Jun 10 Javascript
微信小程序+云开发实现欢迎登录注册
May 24 Javascript
JavaScript工具库之Lodash详解
Jun 15 Javascript
JavaScript对象原型链原理解析
Jan 22 Javascript
JS表单验证插件之数据与逻辑分离操作实例分析【策略模式】
May 01 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
example1.php
2006/10/09 PHP
php中关于普通表单多文件上传的处理方法
2011/03/25 PHP
PHP fopen()和 file_get_contents()应用与差异介绍
2014/03/19 PHP
最新最全PHP生成制作验证码代码详解(推荐)
2016/06/12 PHP
js 格式化时间日期函数小结
2010/03/20 Javascript
JavaScript 函数参数是传值(byVal)还是传址(byRef) 分享
2013/07/02 Javascript
使用ImageMagick进行图片缩放、合成与裁剪(js+python)
2013/09/16 Javascript
js调用后台、后台调用前台等方法总结
2014/04/17 Javascript
js取模(求余数)隔行变色
2014/05/15 Javascript
JS烟花背景效果实现方法
2015/03/03 Javascript
JS工作中的小贴士之”闭包“与事件委托的”阻止冒泡“
2016/06/16 Javascript
AngularJS实现给动态生成的元素绑定事件的方法
2016/12/14 Javascript
JS简单实现获取元素的封装操作示例
2017/04/07 Javascript
javascript cookie的基本操作(添加和删除)
2017/07/24 Javascript
浅谈JS中的反柯里化( uncurrying)
2017/08/17 Javascript
JavaScript伪数组用法实例分析
2017/12/22 Javascript
vue短信验证性能优化如何写入localstorage中
2018/04/25 Javascript
vue3.0 CLI - 2.3 - 组件 home.vue 中学习指令和绑定
2018/09/14 Javascript
详解基于webpack&amp;gettext的前端多语言方案
2019/01/29 Javascript
layui将table转化表单显示的方法(即table.render转为表单展示)
2019/09/24 Javascript
让IDE识别webpack的别名alias的实现方法
2020/05/06 Javascript
使用Mixin设计模式进行Python编程的方法讲解
2016/06/21 Python
用Pygal绘制直方图代码示例
2017/12/07 Python
Python实现冒泡排序的简单应用示例
2017/12/11 Python
Python全面分析系统的时域特性和频率域特性
2020/02/26 Python
Python3爬虫发送请求的知识点实例
2020/07/30 Python
利用Python pandas对Excel进行合并的方法示例
2020/11/04 Python
用HTML5制作一个简单的桌球游戏的教程
2015/05/12 HTML / CSS
设计师珠宝:Ylang 23
2018/05/11 全球购物
惠普新加坡官方商店:HP Singapore
2020/04/17 全球购物
菜篮子工程实施方案
2014/03/08 职场文书
建筑学专业自荐书
2014/07/09 职场文书
被告代理词范文
2015/05/25 职场文书
律政俏佳人观后感
2015/06/09 职场文书
一篇带你入门Java垃圾回收器
2021/06/16 Java/Android
MySQL中utf8mb4排序规则示例
2021/08/02 MySQL