微信小程序实现网络请求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) => {},
      })

稿件来源：深度学习与文旅应用实验室（DLETA）

作者：沈志坚

主编：欧洋

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

微信小程序的网络请求 —— 微信小程序教程系列（14）
网络请求,基本上是必须的环节之一. 小程序提供了wx.request(object),与开发者的服务器实现数据交互的一个很重要的api. 最简单的用法如下(以GET请求为例) <view bin ...
微信小程序常见网络请求失败问题总结及解决方案
微信小程序常见网络请求失败问题总结及解决方案微信开发者工具中未勾选不校验合法域名设置未勾选这个设置在任何环境下发送http网络请求会失败发送的是https请求,但网络请求依旧是失败需要到官方的 ...
微信小程序wx.request请求服务器json数据并渲染到页面
微信小程序的数据总不能写死吧,肯定是要结合数据库来做数据更新,而小程序数据主要是json数据格式,所以我们可以利用php操作数据库,把数据以json格式数据输出即可.现在给大家讲一下,微信小程序的wx ...
微信小程序网络请求异常怎么办_解决·微信小程序开发-网络请求报Invalid request 400错误...
今天学习了一下微信小程序的入门开发,在使用网络请求时,发现根据微信官方的API的方法进行操作出现Invalid request 400错误,到底怎么回事呢? 首先我们来看微信API网络请求示例代码: ...
微信小程序之网络请求
概述微信网络请求api 小程序宿主环境要求request发起的网络请求必须是https协议请求,因此开发者服务器必须提供HTTPS服务的接口,同时为了保证小程序不乱用任意域名的服务,wx.reque ...
微信小程序封装网络请求并调用
微信小程序开发交流qq群 526474645 正文: util.js // 网络请求 const request = function(url, method, data, msg, succ, ...
如何编写微信小程序的网络请求的代码
第一步的话就是创建我们的工具类: // todo 在我们的这个位置的话就是设置我们的网络请求得代码 export const request=(params)=>{// 在我们的这个位置的话定义 ...
微信小程序学习之路——API获取二维码
获取二维码通过后台接口可以获取小程序任意页面的二维码,扫描该二维码可以直接进入小程序对应的页面. 可以使用开发工具 1.02.1803130 及以后版本通过二维码编译功能调试所获得的二维码为满足不 ...
微信小程序云开发分页刷新获取数据
利用云函数调用数据库,在云函数中分页调取数据.再在js中不断将新的数据拼接到旧数据中,在前端显示.初始只显示5条记录,下拉刷新即可获取更多. 首先在JS中,调用云函数,获取到后端的数据: /*** 从 ...
微信小程序---发送网络请求
1. 微信开发者工具设置(跨域设置) 2.html <view class="code"><input type="text" bindinp ...

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

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

最新文章

热门文章