API中有關于網(wǎng)絡的接口,需要配置合法域名,如果不想配置,可以直接在開發(fā)工具中設置,如下圖

如果沒有在開發(fā)工具中設置,也沒有設置合法域名,運行時爆出如下錯誤

該API既支持http請求,也支持https請求。
對于網(wǎng)絡請求,小程序大大減輕了我們的工作量,不需要再次解析json,只需要將data的結構設置的與返回的json即可。
Page({
onLoad:function(e){
var that = this
wx.request({
url: 'http://web.juhe.cn:8080/environment/air/cityair?city=beijing&key=.....自己的key....',
data: {},
method: 'GET', // OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT
// header: {}, // 設置請求的 header
success: function(res){
// success
console.log("statusCode:"+res.statusCode);
var dataBean = res.data
console.log("success",dataBean.resultcode)
console.log("success",dataBean.reason)
that.setData({
"resultcode":dataBean.resultcode,
"reason":dataBean.reason,
"error_code":dataBean.error_code,
"result":dataBean.result
})
},
fail: function(res) {
// fail
console.log("faile")
},
complete: function(res) {
// complete
console.log("complete")
}
})
},
data:{
"resultcode":"",
"reason":"",
"error_code":0,
"result":[
{
"citynow":{
"city":"",
"AQI":"",
"quality":"",
"date":""
},
"lastTwoWeeks":{
"1":{
"city":"",
"AQI":"",
"quality":"",
"date":""
}
}
}
]
}
})