【小程序】网络数据请求

清疚 2024-03-30 11:39 82阅读 0赞

**目录**

1. 小程序中网络数据请求的限制

2. 配置 request 合法域名

3. 发起 GET 请求

4. 发起 POST 请求

5. 在页面刚加载时请求数据

5. 跳过 request 合法域名校验

6. 关于跨域和 Ajax 的说明

## 1. 小程序中网络数据请求的限制 ##

出于安全性方面的考虑，小程序官方对数据接口的请求做出了如下两个限制：

只能请求 HTTPS 类型的接口

必须将接口的域名添加到信任列表中

![513967dec1c84742abaee91d617cd1bd.png][]

## 2. 配置 request 合法域名 ##

需求描述：假设在自己的微信小程序中，希望请求 https://www.escook.cn/ 域名下的接口

配置步骤：登录微信小程序管理后台 -> 开发 -> 开发设置 -> 服务器域名 -> 修改 request 合法域名

注意事项：

域名只支持 https 协议

域名不能使用 IP 地址或 localhost

域名必须经过 ICP 备案

服务器域名一个月内最多可申请 5 次修改

## 3. 发起 GET 请求 ##

调用微信小程序提供的 wx.request() 方法，可以发起 GET 数据请求，示例代码如下：

![3c6561bdd3964716a05796e5c97438dc.png][]

## 4. 发起 POST 请求 ##

调用微信小程序提供的 wx.request() 方法，可以发起 POST 数据请求，示例代码如下：

![df7a1548e86640e293569a852e85f19a.png][]

## 5. 在页面刚加载时请求数据 ##

在很多情况下，我们需要在页面刚加载的时候，自动请求一些初始化的数据。此时需要在页面的

onLoad 事件中调用获取数据的函数，示例代码如下：

![a6755983cfb7486493e9caad4a4797c1.png][]

## 5. 跳过 request 合法域名校验 ##

如果后端程序员仅仅提供了 http 协议的接口、暂时没有提供 https 协议的接口。 此时为了不耽误

开发的进度，我们可以在微信开发者工具中，临时开启「开发环境不校验请求域名、TLS 版本及

HTTPS 证书」选项，跳过 request 合法域名的校验。

![9963647edbeb49f89d5b7930e3f20b5a.png][]

## 6. 关于跨域和 Ajax 的说明 ##

跨域问题只存在于基于浏览器的 Web 开发中。由于小程序的宿主环境不是浏览器，而是微信客户

端，所以小程序中不存在跨域的问题。 Ajax 技术的核心是依赖于浏览器中的 XMLHttpRequest 这

个对象，由于小程序的宿主环境是微信客户端，所以小程序中不能叫做“发起 Ajax 请求”，而是叫

做“发起网络数据请求”。

[513967dec1c84742abaee91d617cd1bd.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/7b648ccee97c4c7cad4c625e86c4cc30.png
[3c6561bdd3964716a05796e5c97438dc.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/bf441ffc2059467f99d826e2b53ae1b7.png
[df7a1548e86640e293569a852e85f19a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/cb16a11d3048465cb9d7617129a43adb.png
[a6755983cfb7486493e9caad4a4797c1.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/bb3eb0e08d6644a097a57ecf31c35079.png
[9963647edbeb49f89d5b7930e3f20b5a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/d2e67179a4544536981ccb3f8deceb69.png