【小程序从0到1】网络数据请求——request合法域名｜GET｜POST｜跨域？Ajax？

上篇文章详细讲解了微信小程序的页面配置，这篇文章将带领大家学习的是小程序的「网络数据请求」

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

需要将接口的域名添加到图中的request合法域名中。

配置request合法域名

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

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

发起GET请求

getInfo() {
    wx.request({
      url: 'https://www.escook.cn/api/get',  // 请求的地址，必须基于https协议
      method: 'GET',
      data: {
        name: 'zs',
        age: 20
      },
      success: res => {
        console.log(res.data);
      }
  })

发起POST请求

wx.request({
      url: 'https://www.escook.cn/api/post',
      method: 'POST',
      data: {
        name: 'ls',
        age: 33
      },
      success: res => {
        console.log(res.data);
      }
  })

页面刚加载时请求数据 — onLoad

onLoad生命周期函数——监听页面加载

// 生命周期函数——监听页面加载
onLoad() {
  this.getInfo()
  this.postInfo()
},

这样就可以在页面刚一加载时，就去调用getInfo / postInfo两个方法。

跳过request合法域名校验

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

关于跨域和Ajax的说明