小程序 數據獲取

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)
      }
    })
  },