用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,登录网站

小程序社区 首页 教程 查看内容

从0开始写小程序(三、四)前台循环数据绑定 & 获取循环元素id以及wx.login登录操作 ...

Rolan 2017-8-16 00:32

1、从0开始写小程序(三)前台循环数据绑定微信小程序的循环数据绑定到wxml例:wxml里:view wx:for="{{array}}" {{item.message}} /view通过上面的wx.for可以绑定一个数组,数组是json类型的;默认的索引序号是 ...

1、从0开始写小程序(三)前台循环数据绑定

微信小程序的循环数据绑定到wxml例:
wxml里:

 <view wx:for="{{array}}">

    {{item.message}}
    
 </view>

通过上面的wx.for可以绑定一个数组,数组是json类型的;默认的索引序号是item,所以用{{item.message}}
显示数据js里:

data: {
      array: [
    {
    "message": "foot",
    "txt": "123"
    },
    {
    "message": "bar"
    }]
},

如上的json数组是可以通过wxml里的方法循环输出数组数据


2、从0开始写小程序(四)获取循环元素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来进行登录。


鲜花
鲜花 (1)
鸡蛋
鸡蛋

刚表态过的朋友 (1 人)

分享至 : QQ空间
收藏
原作者: 任意球master 来自: 开源中国

相关阅读

提示:本页有 2 个评论因未通过审核而被隐藏

  • EyeDrups 2019-8-9 15:50
    <a href="https://cafergot1.com/">generic cafergot</a>
  • EyeDrups 2019-8-8 05:32
    <a href="https://cafergot1.com/">cafergot medication</a>
  • EyeDrups 2019-8-6 21:33
    <a href="https://cafergot1.com/">cafergot</a>
  • EyeDrups 2019-8-5 09:22
    <a href="https://cafergot1.com/">cafergot</a>