微信小程序获取循环元素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 相关文章推荐
js限制文本框输入长度两种限制方式(长度、字节数)
Dec 19 Javascript
JavaScript中使用concat()方法拼接字符串的教程
Jun 06 Javascript
原生js实现图片层叠轮播切换效果
Feb 02 Javascript
jQuery 中的 DOM 操作
Apr 26 Javascript
Js 利用正则表达式和replace函数获取string中所有被匹配到的文本(推荐)
Oct 28 Javascript
详解如何快速配置webpack多入口脚手架
Dec 28 Javascript
VueJs里利用CryptoJs实现加密及解密的方法示例
Apr 29 Javascript
js回文数的4种判断方法示例
Jun 04 Javascript
JavaScript箭头函数中的this详解
Jun 19 Javascript
微信小程序实现图片压缩
Dec 03 Javascript
jQuery插件simplePagination的使用方法示例
Apr 28 jQuery
如何在Express4.x中愉快地使用async的方法
Nov 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
PHP 内存缓存加速功能memcached安装与用法
2009/09/03 PHP
PHP各种异常和错误的拦截方法及发生致命错误时进行报警
2016/01/19 PHP
PHP实现的多文件上传类及用法示例
2016/05/06 PHP
详解PHP字符串替换str_replace()函数四种用法
2017/10/13 PHP
Javascript this关键字使用分析
2008/10/21 Javascript
基于JQuery的简单实现折叠菜单代码
2010/09/15 Javascript
jQuery easyui datagrid动态查询数据实例讲解
2013/02/26 Javascript
javascript进行数组追加方法小结
2014/06/16 Javascript
浅谈document.write()输出样式
2015/05/07 Javascript
JavaScript与jQuery实现的闪烁输入效果
2016/02/18 Javascript
jQuery移动端图片上传组件
2016/06/12 Javascript
文件上传插件SWFUpload的使用指南
2016/11/29 Javascript
JavaScript中this的用法实例分析
2016/12/19 Javascript
JS实现复选框的全选和批量删除功能
2017/04/05 Javascript
Vue表单验证插件Vue Validator使用方法详解
2017/04/07 Javascript
nodejs处理图片的中间件node-images详解
2017/05/08 NodeJs
webpack开发跨域问题解决办法
2017/08/03 Javascript
基于Vue的ajax公共方法(详解)
2018/01/20 Javascript
Vue多系统切换实现方案
2018/06/05 Javascript
详解JavaScript中的坐标和距离
2019/05/27 Javascript
vue3.0生命周期的示例代码
2020/09/24 Javascript
微信小程序实现自定义动画弹框/提示框的方法实例
2020/11/06 Javascript
在vue项目中promise解决回调地狱和并发请求的问题
2020/11/09 Javascript
[01:08:33]OG vs VGJ.T 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
深入解析Python编程中JSON模块的使用
2015/10/15 Python
简述Python2与Python3的不同点
2018/01/21 Python
通过python的matplotlib包将Tensorflow数据进行可视化的方法
2019/01/09 Python
全方位了解CSS3的Regions扩展
2015/08/07 HTML / CSS
Maje德国官网:法国女性成衣品牌
2017/02/10 全球购物
英国领先的葡萄酒专家:Majestic Wine
2017/05/30 全球购物
英国家电购物网站:Sonic Direct
2019/03/26 全球购物
Scotch Porter官方网站:男士美容产品
2020/08/31 全球购物
英语专业求职信
2014/07/08 职场文书
建筑工程造价专业自荐信
2014/07/08 职场文书
2014年变电站工作总结
2014/12/19 职场文书
法院个人总结
2015/03/03 职场文书