微信小程序获取循环元素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与HTML的交互事件
Apr 12 Javascript
纯js写的分页表格数据为json串
Feb 18 Javascript
基于JS如何实现给字符加千分符(65,541,694,158)
Aug 03 Javascript
jQuery实现拖动剪裁图片作为头像
Dec 28 Javascript
使用D3.js制作图表详解
Aug 13 Javascript
使用JS模拟锚点跳转的实例
Feb 01 Javascript
vue组件中的数据传递方法
May 14 Javascript
详解mpvue开发小程序小总结
Jul 25 Javascript
vue实现div拖拽互换位置
Jul 29 Javascript
解决vue动态下拉菜单 有数据未反应的问题
Aug 06 Javascript
js实现圆形菜单选择器
Dec 03 Javascript
Vue如何跨组件传递Slot的实现
Dec 14 Vue.js
微信小程序 获取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 auth_http类库进行身份效验
2009/03/19 PHP
php实现用已经过去多长时间的方式显示时间
2015/06/05 PHP
PHP用户注册邮件激活账户的实现代码
2017/05/31 PHP
laravel利用中间件做防非法登录和权限控制示例
2019/10/21 PHP
如何让DIV可编辑、可拖动示例代码
2013/09/18 Javascript
jquery validate 自定义验证方法介绍 日期验证
2014/02/27 Javascript
node.js中的fs.existsSync方法使用说明
2014/12/17 Javascript
JQuery显示隐藏页面元素的方法总结
2015/04/16 Javascript
JS中JSON对象和String之间的互转及处理技巧
2016/04/06 Javascript
JS中script标签defer和async属性的区别详解
2016/08/12 Javascript
BootStrap轮播HTML代码(推荐)
2016/12/10 Javascript
NodeJS链接MySql数据库的操作方法
2017/06/27 NodeJs
详解利用 Express 托管静态文件的方法
2017/09/18 Javascript
vue短信验证性能优化如何写入localstorage中
2018/04/25 Javascript
vue-router 源码实现前端路由的两种方式
2018/07/02 Javascript
bootstrap下拉框动态赋值方法
2018/08/10 Javascript
jquery登录的异步验证操作示例
2019/05/09 jQuery
JavaScript队列结构Queue实现过程解析
2020/03/07 Javascript
Vue实现Layui的集成方法步骤
2020/04/10 Javascript
Python读写ini文件的方法
2015/05/28 Python
基于循环神经网络(RNN)的古诗生成器
2018/03/26 Python
DataFrame中去除指定列为空的行方法
2018/04/08 Python
Python3.6使用tesseract-ocr的正确方法
2018/10/17 Python
python实现写数字文件名的递增保存文件方法
2018/10/25 Python
ASP.NET Core中的配置详解
2021/02/05 Python
俄罗斯电动工具和设备购物网站:Vseinstrumenti.ru
2020/11/12 全球购物
一篇.NET面试题
2014/09/29 面试题
幼儿园元旦家长感言
2014/02/27 职场文书
社会调查研究计划书
2014/05/01 职场文书
寒山寺导游词
2015/02/03 职场文书
职工培训工作总结
2015/08/10 职场文书
CSS3 天气图标动画效果
2021/04/06 HTML / CSS
MySQL创建管理HASH分区
2022/04/13 MySQL
MySQL导致索引失效的几种情况
2022/06/25 MySQL
MySQL事务的隔离级别详情
2022/07/15 MySQL
spring boot实现文件上传
2022/08/14 Java/Android