小程序api

page({
//小程序當(dāng)前頁面的js代碼首先從這里開始執(zhí)行
onload:function(){
console.log(‘世界視窗’);
}
})

微信小程序接口調(diào)用

如何將接口獲取到的數(shù)據(jù)展示到微信小程序上
第1步
首先你要找到一個api開放接口，無論是免費(fèi)的仍是收費(fèi)的，我這兒推薦一個免費(fèi)的apihttps://blog.csdn.net/c__chao/article/details/78573737供給了很多接口
第2步
裝備request合法域名，在微信大眾平臺找到開發(fā)設(shè)置-服務(wù)器域名-服務(wù)器裝備
這是我的一個api
裝備好之后就可以去開發(fā)工具使用了
先看一下官方的示例代碼
wx.request({url:’******’,//這兒填寫你的接口路徑header:{//這兒寫你托言返回的數(shù)據(jù)是什么類型，這兒就體現(xiàn)了微信小程序的強(qiáng)大，直接給你解析數(shù)據(jù)，再也不用去尋找各種方法去解析json，xml等數(shù)據(jù)了’Content-Type’:’application/json’},data:{//這兒寫你要懇求的參數(shù)x:”,y:”},success:function(res){//這兒就是懇求成功后，進(jìn)行一些函數(shù)操作console.log(res.data)}})
第3步
下面以天氣api為例，先來看一下api的結(jié)構(gòu)
需求用到的是forecast里邊的數(shù)據(jù)，那么怎樣取到其間的數(shù)據(jù)呢，就需求一層一層的進(jìn)入api
console.log(res.data.data.forecast)這樣現(xiàn)已進(jìn)入forecast數(shù)據(jù)里邊
里邊是一個多維數(shù)組，假定咱們要取到第一個數(shù)組的數(shù)據(jù)
image.png
這樣就取到了第一個數(shù)據(jù)，數(shù)據(jù)現(xiàn)已取到了那么怎樣在頁面輸出呢
第4步
js文件
onLoad:function(){varthat=this//不要漏了這句，很重要wx.request({url:’https://www.apiopen.top/weatherApi?city=成都’,headers:{‘Content-Type’:’application/json’},success:function(res){that.setData({date:res.data.data.forecast[0].date,fengxiang:res.data.data.forecast[0].fengxiang,type:res.data.data.forecast[0].type//res代表success函數(shù)的事件對，data是固定的，fengxiang是是上面json數(shù)據(jù)中fengxiang})}})}
wxml文件
{{date}}
{{fengxiang}}
{{type}}
簡略的在頁面輸出