微信小程序学习day04-网络数据请求及知识总结

目录

网络数据请求：

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

2. 配置 request 合法域名 ：

3. 发起 GET 请求 ：

4. 发起 POST 请求 ：

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

6. 跳过 request 合法域名校验 ：

7. 关于跨域和 Ajax 的说明 ：

知识目标总结： 

         ①能够使用 WXML 模板语法渲染页面结构：

②能够使用 WXSS 样式美化页面结构：

③能够使用 app.json 对小程序进行全局性配置：

④能够使用 page.json 对小程序页面进行个性化配置：

⑤能够知道如何发起网络数据请求：

---

网络数据请求：

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

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

①只能请求 HTTPS 类型的接口

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

2. 配置 request 合法域名 ：

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

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

注意事项：

① 域名只支持 https 协议

② 域名不能使用 IP 地址或 localhost

③ 域名必须经过 ICP 备案

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

3. 发起 GET 请求 ：

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

4. 发起 POST 请求 ：

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

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

        在很多情况下，我们需要在页面刚加载的时候，自动请求一些初始化的数据。此时需要在页面的 onLoad 事件中调用获取数据的函数，示例代码如下：

        

6. 跳过 request 合法域名校验 ：

        如果后端程序员仅仅提供了 http 协议的接口、暂时没有提供 https 协议的接口。此时为了不耽误开发的进度，我们可以在微信开发者工具中，临时开启「开发环境不校验请求域名、TLS 版本及 HTTPS 证书」选项，跳过 request 合法域名的校验。

                                           

注意：跳过 request 合法域名校验的选项，仅限在开发与调试阶段使用！

7. 关于跨域和 Ajax 的说明 ：

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

Ajax 技术的核心是依赖于浏览器中的 XMLHttpRequest 这个对象，由于小程序的宿主环境是微信客户端，所以小程序中不能叫做“发起 Ajax 请求”，而是叫做“发起网络数据请求”。

知识目标总结： 

         ①能够使用 WXML 模板语法渲染页面结构：

                 wx:if、wx:elif、wx:else、hidden、wx:for、wx:key

②能够使用 WXSS 样式美化页面结构：

 rpx 尺寸单位、@import 样式导入、全局样式和局部样式

③能够使用 app.json 对小程序进行全局性配置：

 pages 、window、tabBar、style

④能够使用 page.json 对小程序页面进行个性化配置：

 对单个页面进行个性化配置、就近原则

⑤能够知道如何发起网络数据请求：

  wx.request() 方法、onLoad() 事件