微信小程式—— 獲取資料

在傳資料時，我們必須寫的就是api介面，框架提供豐富的微信原生API，可以方便的調起微信提供的能力，如獲取使用者資訊，本地儲存，支付功能等。根據介面我們可以得到想要的資料。如我寫的學生評教，獲取老師資訊，程式碼如下：

onLoad: function (options) {
    // console.log(options.teacherid);
    var url = "https://www.lishuming.top/pj/index.php/student/api/testpaper";
    var teacherid = options.teacherid;
    console.log(teacherid);
    wx.request({
      url: url,
      data:{
        teacherid : teacherid
      },
      header:{
        'content-type' : 'application/json'
      },
      success:(res)=>{
        console.log(res.data);
        this.setData({testpaper:res.data.testpaper,teacher:res.data.teacher.name})
      }
    })
  },

這樣我們就獲取到我們所需要的資料，但是我們需要把我們的資料傳到前臺頁面當中，我們就用到了wx：for=“{{}}”，下面是我的程式碼：

<view class='all'>
  <view class='tip'>被評老師：{{teacher}}</view> 
  <view class='section'>
    <view class="col" wx:for="{{testpaper}}">
      <text class='first'>評教名稱：{{item.name}}</text>
      <text>評教型別：{{item.type}}</text>
      <text>評教起始時間：{{item.start}}</text>
      <text>評教結束時間：{{item.end}}</text>
      <view class='last'>評教：<navigator open-type="navigate" url="../evaluation/evaluation?id={{item.id}}">評教</navigator></view>
    </view>
  </view>
</view>

以上這些程式碼就可以顯示出來所需要的資料