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

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

1.问题描述

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


2.算法描述

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

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



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


图1


图2


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

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


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)=>{},
     })


目录
相关文章
|
12天前
|
缓存 小程序 API
微信小程序页面导航与路由:实现多页面跳转与数据传递
本文深入探讨微信小程序的页面导航与路由机制,介绍多种页面跳转方式如`wx.navigateTo`、`wx.redirectTo`、`wx.switchTab`等,并讲解通过URL、全局变量和事件传递数据的方法。结合案例实现多页面跳转与数据传递,帮助开发者掌握这一重要技能。
|
12天前
|
缓存 小程序 API
微信小程序网络请求与API调用:实现数据交互
本文深入探讨了微信小程序的网络请求与API调用,涵盖`wx.request`的基本用法、常见场景(如获取数据、提交表单、上传和下载文件)及注意事项(如域名配置、HTTPS协议、超时设置和并发限制)。通过一个简单案例,演示了如何实现小程序与服务器的数据交互。掌握这些技能将帮助你构建功能更丰富的应用。
|
5月前
|
小程序 JavaScript 开发工具
|
5月前
|
缓存 小程序 UED
如何利用小程序的生命周期函数实现数据的加载和更新?
如何利用小程序的生命周期函数实现数据的加载和更新?
143 4
|
5月前
|
移动开发 小程序 数据可视化
微信小程序可视化开发工具之动态数据
微信小程序可视化开发工具之动态数据
89 3
|
6月前
|
存储 安全 小程序
在微信小程序中使用 Vant 时如何确保数据的安全?
在微信小程序中使用 Vant 时如何确保数据的安全?
68 1
|
4天前
|
人工智能 自然语言处理 小程序
技术小白如何利用DeepSeek半小时开发微信小程序?
通过通义灵码的“AI程序员”功能,即使没有编程基础也能轻松创建小程序或网页。借助DeepSeek V3和R1满血版模型,用户只需用自然语言描述需求,就能自动生成代码并优化程序。例如,一个文科生仅通过描述需求就成功开发了一款记录日常活动的微信小程序。此外,通义灵码还提供智能问答模式,帮助用户解决开发中的各种问题,极大简化了开发流程,让普通人的开发体验更加顺畅。
技术小白如何利用DeepSeek半小时开发微信小程序?
|
12天前
|
JSON 缓存 小程序
微信小程序组件封装与复用:提升开发效率
本文深入探讨了微信小程序的组件封装与复用,涵盖组件的意义、创建步骤、属性与事件处理,并通过自定义弹窗组件的案例详细说明。组件封装能提高代码复用性、开发效率和可维护性,确保UI一致性。掌握这些技能有助于构建更高质量的小程序。
|
5月前
|
小程序 JavaScript 前端开发
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
981 1
|
5月前
|
JavaScript 小程序 开发者
uni-app开发实战:利用Vue混入(mixin)实现微信小程序全局分享功能,一键发送给朋友、分享到朋友圈、复制链接
uni-app开发实战:利用Vue混入(mixin)实现微信小程序全局分享功能,一键发送给朋友、分享到朋友圈、复制链接
837 0