前后台数据交互跟数据渲染—小程序入门与实战（九）

4-3

上一章节我们了解了小程序的页面使用 Page({}) 注册，数据 data，生命周期函数，事件处理函数都可以被接收。

先静后动，我们的首页已经是一个静态页面了，所以我们需要用数据来渲染首页。

wx.request 后台数据交互

发送 HTTPS 网络请求。

wx.request({
  url: 'https://guojiang.club/api/sir/card', //真实的接口地址
  header: {
    'content-type': 'application/json' // 默认值
  },
   data:{
   //传入的数据为page，页数
       page:1
   }
   //HTTP 请求方法，默认值为get
  method:'GET',
  success (res) {
  // 接口调用成功，在这里就可以获取到数据
    console.log(res.data)
  },
  fail(rej){
  //接口调用失败
      console.log(rej.data)
  }

})

使用前说明

在使用 wx.request 之前，我们需要注意以下两点：

服务器域名配置

1. 进入 https://mp.weixin.qq.com，输入账号密码登入
2. 在菜单栏找到 ”开发“-”开发者设置“

点击”修改“按钮，在 ”request合法请求域名“ 添加，例如：https://guojiang.club 3. 如果你的这个域名只是测试环境的域名，你并不打算拿来上线的，就需要你在微信开发者工具勾选

勾选完”不合法域名校验之后“，你可以看看你的调试基础库，是不是最新的，如果不是勾选使用人数最多的。