因为自己的项目有需求,所以今天分享给大家,话不多说上代码!
css部分
<text>{{weather.tem}}℃ {{weather.wea}}</text>
js部分
Page({
data: {
//获取当前天气
weather: { 'wea_img': 'qing' },//实况天气
},
onLoad: function () {
//获取当前天气
this.getapi();
},
//天气api
getapi: function () {
var _this = this;
// 获取IP地址
wx.request({
url: 'https://tianqiapi.com/ip/',
data: {
},
method: 'POST',
header: {
'content-type': 'application/x-www-form-urlencoded'
},
success: function (res) {
// console.log(res);
// 根据IP获取天气数据
_this.weathertoday(res.data.ip);
}
});
},
// 天气api实况天气
weathertoday: function (ip) {
var _this = this;
wx.request({
url: 'https://www.tianqiapi.com/api/?version=v6',
data: {
'ip': ip
},
method: 'GET',
header: {
'content-type': 'application/x-www-form-urlencoded'
},
success: function (res) {
_this.setData({
weather: res.data
});
console.log(_this.data.weather)
}
});
},
)},
好!大功告成,此时我们会发现后台返回的数据一大堆,我们选择需要的渲染页面就行了。溜了,溜了,