微信小程序中如何使用后端接口请求数据

第一步：你需要有一个接口，后端人员给你写的接口，或者第三方平台导出的接口，例如

https://miniapp.sjw2l3.com/test

有时会报错，如下图，这时需要配置一下开发工具，将不校验合法域名勾上

第二步：使用接口，代码如下,请求回来的数据在res中，可以在控制台进行打印查看

wx.request({
  //仅为示例，并非真实的接口地址
  url: 'https://miniapp.sjw2l3.com/test', 
  data: {
    x: '',
    y: ''
  },
  header: {
    'content-type': 'application/json' // 默认值
  },
  success (res) { //需要注意的是，这里也可以是箭头函数，也有必须使用箭头函数的情况
    console.log(res.data)
  }
})

第三步：使用箭头函数形式展示回调数据

success :(res)=> {
        console.log(res.data)
      }

第四步：现在已经拿到数据了，将数据给到data中，渲染页面即可

Page({
  data: {
    localdata:[]
  },
  onLoad: function () {
    var that = this
    wx.request({
      url: 'https://miniapp.sjw2l3.com/text',
      method: 'GET',
      data: {
      },
      success :(res)=> {
        // console.log(res.data)
        //使用that给data里面的数组赋值
        that.setData({
          localdata:res.data//将数据给到data中
        })
        console.log(this.data.localdata)
      }
    })
  }
})