微信小程序实现网络请求API获取数据

1.问题描述

本次博客的内容是对之前天气api使用的一个补充,会具体介绍如何发送网络请求(request)的使用方法。

2.算法描述

首先要了解什么是网络请求,这里附上微信开放文档(主要的request函数和返回参数):

https://developers.weixin.qq.com/miniprogram/dev/framework/ability/network.html

2d9844965dae08060407fd86e46749ac.png

da1787745b9ca0ca73eb1d3bdeddb199.png

然后就是如何使用网络请求,因为基本上是要测试的,所以要先设置小程序不校验业务域名以及TLS版本以及HTTPS整数(图1)。

3c8457f532d653a29b9f72183cfa52f1.png

图1

80e935fc19624b3c35a1c0838e0e595b.png

图2

之后就是使用给的请求参数,拥有了一个api后需要测试它是否可用,这里我们可以使用postman进行测试,根据你自己的api的需求进行测试,我这里使用的是post请求(图2)。然后根据官方文档的方法编写我们的js,进行api的调用,对api进行post请求。然后用调试器的consloe查看是否得到api接口的数据。

这里的是js页面,再里面写的微信的request函数下面的代表的是请求的API的网站,下面的包含的是我所要请求的数据内容包括内容经纬度等我所需要的数据,header里面的是关于内容的数据类型,我们用的是application/JSON格式,获取数据的方式就是post,获取的数据类型也为JSON,调用函数成功后我们将数据调用出来。用一个新的console.log(result)返回我们的数据,设置一个新的数据,命明为setData,调用成功就会返回我们的数据。(详细代码见附件)

8c135395598469f58dcba2d09e253aad.png

3.结语

本次细化了微信小程序使用api的方法,后续会继续学习小程序的api。

附件:

代码清单js

      wx-wx.request({
        url: 'http://www.hladmin.cn:8088/public/spg/poi/list',
        data: {
          id:'',
          content:"",
          latitude:"",
          longitude:""
        },
        header: {'content-type':'application/json'},
        method: 'POST',
        dataType:'json',
        responseType: 'text',
        success: (result) => {
          console.log(result)
          that.setData({
            //content:result.data.data[0].content,
            latitude:result.data.data[0].latitude,
            longtitude:result.data.data[0].longitude,
        })
        },
        fail: (res) => {},
        complete: (res) => {},
      })

稿件来源:深度学习与文旅应用实验室(DLETA) 


作者:沈志坚

主编:欧洋

  • 0
    点赞
  • 3
    收藏
  • 打赏
    打赏
  • 3
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
©️2022 CSDN 皮肤主题:猿与汪的秘密 设计师:我叫白小胖 返回首页
评论 3

打赏作者

算法与编程之美

欢迎关注『算法与编程之美』

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值