XXX.JS:
onLoad: function () {
this.getTableData();
}, /*onLoad-end */
getTableData: function () {//自定义函数名称
var that = this;
// 这个地方非常重要,重置data{}里数据时候setData方法的this应为以及函数的this, 如果在下方的sucess直接写this就变成了wx.request()的this了
wx.request({
//请求接口的地址
url: 'http://api.yytianqi.com/forecast7d?city=39.93,116.40&key=bopi3li1ip93ae0n',
data: {
},
header: {
"Content-Type": "applciation/json" //默认值
},
success: function (res) {
//res相当于ajax里面的返回的数据
console.log(res.data);
//如果在sucess直接写this就变成了wx.request()的this了
//必须为getTableData函数的this,不然无法重置调用函数
that.setData({
datas: res.data //datas传值给页面的,可以自定义命名
})
},
fail: function (err) { },//请求失败
complete: function () { }//请求完成后执行的函数
})
}
XXX.wxml:
<block wx:for="{{datas}}"> <!--datas不解释 -->
<view>
{{item.cityId}} <!--item为必须,且不可修改,别问为什么,官方定义的。 -->
</view>
<view>
{{item.cityName}}
</view>
<view>
{{item.sj}}
</view>
</block>
代码分享就到这里了。谢谢大家观赏。推荐一下,
我的群:789826996