UNIAPP天气查询代码
时间: 2024-06-23 07:00:46 浏览: 158
UNIAPP(微信小程序)是一款由腾讯官方提供的开发工具,用于快速构建原生体验的应用。关于天气查询功能的代码实现,通常会使用UNIAPP的API或者调用第三方天气服务接口。以下是一个简单的示例:
```html
<view class="container">
<button bindtap="getWeather">查询天气</button>
<text>{{weatherInfo}}</text>
</view>
<script>
Page({
data: {
weatherInfo: ''
},
getWeather: function() {
uni.request({
url: 'https://api.example.com/weather', // 这里替换为实际的天气API
method: 'GET',
success: res => {
if (res.data.code === 200) {
this.setData({
weatherInfo: `当前天气:${res.data.weather},温度:${res.data.temperature}`
});
} else {
this.setData({
weatherInfo: '获取天气信息失败'
});
}
},
fail: () => {
this.setData({
weatherInfo: '获取天气信息失败,请稍后重试'
});
}
});
}
})
</script>
```
在这个例子中,我们创建了一个按钮,当点击时会调用`getWeather`方法。这个方法通过`uni.request`发送GET请求到天气API,然后解析返回的数据并更新页面上显示的天气信息。
阅读全文