【逆战】-- 微信小程序之调用api

本文详细介绍了如何在微信小程序中调用API,从找到API接口,配置request合法域名,到解析并展示天气预报数据,最后展示了在页面上输出数据的JS和WXML代码片段。
摘要由CSDN通过智能技术生成

如何将接口获取到的数据展示到微信小程序上
第1步
首先你要找到一个api开放接口,无论是免费的还是收费的。
第2步
配置request合法域名,在微信公众平台找到开发设置-服务器域名-服务器配置
在这里插入图片描述
配置好之后就可以去开发工具使用了

先看一下官方的示例代码

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数据里面

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值