实时开发查看天气微信小程序——从网络获取数据(3) part 4

写出微信小程序中的刷新过程代码,此处我们注意到,一次刷新之后重复的是onload()中的代码过程,所以此处我们需要的是复制onload()中的代码

过程如下:

onPullDownRefresh(){//因为我们刷新做的是完全一样的事情所以我们把onload()中的代码复制过来
      wx.request({
        url: 'https://test-miniprogram.com/api/weather/now',
        data: {
          city: '广州市'
        },
        success: res => {
          let result = res.data.result
          let temp = result.now.temp
          let weather =
            result.now.weather
          console.log(temp, weather)
          this.setData({
            nowTemp: temp + '°',
            nowWeather: weatherMap
            [weather],
            nowWeatherBackground:
            '/images/' + weather + '-bg.png'
          })
          wx.setNavigationBarColor({
            frontColor: '#000000',
            backgroundColor:
            weatherColorMap[weather]
          })
        }

      })

  }

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值