属性	类型	默认值	描述
navigationBarBackgroundColor	HexColor	#000000	当前页面导航栏背景颜色，如 #000000
navigationBarTextStyle	String	white	当前页面导航栏标题颜色，仅支持 black / white
navigationBarTitleText	String		当前页面导航栏标题文字内容
backgroundColor	HexColor	#ffffff	当前页面窗口的背景色
backgroundTextStyle	String	dark	当前页面下拉 loading 的样式，仅支持 dark / light
enablePullDownRefresh	Boolean	false	是否为当前页面开启下拉刷新的效果
onReachBottomDistance	Number	50	页面上拉触底事件触发时距页面底部距离，单位为 px

网络数据请求

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

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

两个限制：

① 只能请求
HTTPS
类型的接口

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

?2. 配置 request 合法域名

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

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

注意事项：

① 域名只支持 https 协议

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

③ 域名必须经过 ICP 备案

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

?3. 发起 GET 请求

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

  get(){
    wx.request({
      url: 'https://www.escook.cn/api/get',
      method:'GET',
      data:{
        name:'热爱编程的小白白',
        age:21
      },
      success: (res)=> {
        console.log(res.data)
        }
    })

  },

WXML:

<button bindtap="get">GET请求</button>

效果：

?4. 发起 POST 请求

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

  get(){
    wx.request({
      url: 'https://www.escook.cn/api/post',
      method:'POST',
      data:{
        name:'热爱编程的小白白',
        age:21
      },
      success: (res)=> {
        console.log(res.data)
        }
    })

  },

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

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

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。

THE END

javascript 前端原力计划微信小程序

二维码

一日一技：Python + Excel——飞速处理数据分析与处理

< <上一篇

基于回归分析的广告投入销售额预测——K邻近，决策树，随机森林，线性回归，岭回归

下一篇>>

搜索内容

【微信小程序】页面配置，网络数据请求

页面配置

?1. 页面配置文件的作用

?2. 页面配置和全局配置的关系

?3. 页面配置中常用的配置项