小程序api(微信小程序接口调用)

小程序api

page({
//小程序当前页面的js代码首先从这里开始执行
onload:function(){
console.log(‘世界视窗’);
}
})

微信小程序接口调用

如何将接口获取到的数据展示到微信小程序上
第1步
首先你要找到一个api开放接口，无论是免费的仍是收费的，我这儿推荐一个免费的apihttps://blog.csdn.net/c__chao/article/details/78573737供给了很多接口
第2步
装备request合法域名，在微信大众平台找到开发设置-服务器域名-服务器装备
这是我的一个api
装备好之后就可以去开发工具使用了
先看一下官方的示例代码
wx.request({url:’******’,//这儿填写你的接口路径header:{//这儿写你托言返回的数据是什么类型，这儿就体现了微信小程序的强大，直接给你解析数据，再也不用去寻找各种方法去解析json，xml等数据了’Content-Type’:’application/json’},data:{//这儿写你要恳求的参数x:”,y:”},success:function(res){//这儿就是恳求成功后，进行一些函数操作console.log(res.data)}})
第3步
下面以天气api为例，先来看一下api的结构
需求用到的是forecast里边的数据，那么怎样取到其间的数据呢，就需求一层一层的进入api
console.log(res.data.data.forecast)这样现已进入forecast数据里边
里边是一个多维数组，假定咱们要取到第一个数组的数据
image.png
这样就取到了第一个数据，数据现已取到了那么怎样在页面输出呢
第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函数的事件对，data是固定的，fengxiang是是上面json数据中fengxiang})}})}
wxml文件
{{date}}
{{fengxiang}}
{{type}}
简略的在页面输出