小程序 数据获取

1、参数的获取

点击按钮触发事件

  <!-- 点击事件data-id传参 传到event对象里(id是自定义的)   bindtap轻点击-->
    <button data-id="3" bindtap="fn">点击触发事件 </button>

Page({
  fn(e){ //event对象接收数据
    // 1、参数的获取
    console.log("123")
	console.log(e.currentTarget.dataset.id)
  },
 })

2、文件内的数据获取方式

  <view>
    <button bindtap="fn">点击触发事件</button>
  </view>
  <view>
    {{message}}
  </view>
  <!-- 点击时候回显示消失 注意这里show使用双花括号 -->
  <view wx:if="{{show}}">
    我会显示消失
  </view>

  data: {
    message:"我说本地数据",
    show:true
  },

  fn(e){ //event对象接收数据
    console.log(this)
    this.setData({  //this.setaData 修改数据
      message:"点击修改数据",
      show:!this.data.show  //点击显示消失
    })
  },

3.网络数据获取

首先:小程序是没有跨域的问题 跨域是起源在浏览器的同源策略

<button size="mini" type="primary" bindtap="getData">点击获取网络数据</button>

  getData(){ //点击事件
    wx.request({  
      url: 'http://localhost:8989/getList',  //这里在编译器 详情->本地设置->不校检合法域名...  点上对勾
      success(res){  //请求成功会执行的方法
        console.log(res.data)
      }
    })
  },