摘要:本文介绍了微信小程序的页面配置与网络数据请求。页面配置文件可对单个页面进行个性化设置,与全局配置冲突时以页面配置为准。网络数据请求有严格限制,包括只能用 HTTPS 接口并添加到信任列表。可通过wx.request()发起 GET 和 POST 请求,能在页面加载时自动请求数据。若后端接口不满足要求可临时跳过域名校验,且小程序不存在跨域问题,与传统 Ajax 不同。
微信小程序_13_页面配置与网络数据请
- 一、页面配置
- 1.页面配置文件的作用
- 2.页面配置和全局配置的关系
- 3.页面配置中常用的配置项
- 二、网络数据请求
- 1.小程序中网络数据请求的限制:
- 2.配置 request 合法域名:
- 3.发起 GET 请求:
- 4.发起 POST 请求:
- 5.在页面刚加载时请求数据:
- 6.跳过 request 合法域名校验:
- 7.关于跨域和 Ajax 的说明:
- 三、总结
一、页面配置
1.页面配置文件的作用
小程序中,每个页面都有自己的.json 配置文件,用来对当前页面的窗口外观、页面效果等进行配置。
2.页面配置和全局配置的关系
app.json 中的 window 节点可以全局配置小程序中每个页面的窗口表现。若某些小程序页面想要拥有特殊的窗口表现,可通过页面级别的.json 配置文件实现。当页面配置与全局配置冲突时,根据就近原则,最终效果以页面配置为准。
3.页面配置中常用的配置项
- navigationBarBackgroundColor:当前页面导航栏背景颜色,类型为 HexColor,默认值为 “#000000”。
- navigationBarTextStyle:当前页面导航栏标题颜色,仅支持 “black”/“white”,类型为 String。
- navigationBarTitleText:当前页面导航栏标题文字内容,类型为 String。
- backgroundColor:当前页面窗口的背景色,类型为 HexColor,默认值为 “#ffffff”。
- backgroundTextStyle:当前页面下拉 loading 的样式,仅支持 “dark”/“light”,类型为 String。
- enablePullDownRefresh:是否为当前页面开启下拉刷新的效果,类型为 Boolean,默认值为 “false”。
- onReachBottomDistance:页面上拉触底事件触发时距页面底部距离,单位为 px,类型为 Number。
二、网络数据请求
1.小程序中网络数据请求的限制:
- 出于安全性考虑,小程序官方对数据接口的请求做出限制,只能请求
HTTPS
类型的接口,并且必须将接口的域名添加到信任列表中。