一直想着学习微信小程序,因为太懒一直耽搁。 主要看了请求API和将请求结果保存到data里的部分,记录一下。

请求链接使用的是和风天气接口。

index.js

Page({
  data: {
    infos: ""
  },
  onLoad: function() {

    // 这行是关键
    var that = this

    // 小程序请求接口
    wx.request({
      url: 'https://free-api.heweather.com/s6/weather?location=%E5%8C%97%E4%BA%AC&key=8fbe6ffd3b024bfba065104eaec87196',
      header: {
        'content-type': 'application/json'
      },
      success: function(res) {
        console.log(res.data)

        // 重新给data的infos赋值
        that.setData({
          infos: res.data
        })
      }
    })
  },
})

index.wxml

<view class="container">
  <view wx:if="{{ infos === ''}}">
    <text>暂无天气数据</text>
  </view>
  <view wx:else>
    <text>{{ infos.HeWeather6[0].now.tmp }} ℃</text>
  </view>
</view>

效果

最后修改:2021 年 03 月 16 日 05 : 11 PM
如果觉得我的文章对你有用,请随意赞赏