微信小程序入门踩坑系列（一）微信小程序获取接口数据保存到appdata中

微信小程序获取接口数据保存到appdata中

获取API的数据到appdata

1.大家才学微信小程序的时候难免遇到很多问题虽然官方给出了开发者文档，但很多人还是会选择百度问题的解决方法，接下来我会写我在小程序开发过程中遇到的坑以及我的解决方法

如何获取后台数据并显示在微信小程序页面

这是我要获取的数据，并且把这些数据显示在小程序的界面上
获取接口在js中操作

打开index.js文件
下面展示一些 必要的代码。

// page里先只留data和onload
Page({
  data: {
    foodList:[],//创建一个空数组接受数据![在这里插入图片描述](https://img-blog.csdnimg.cn/20201024164205754.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0ODA3MzQ2,size_16,color_FFFFFF,t_70#pic_center)


  },
  onLoad: function(options) {
     wx.request({
     //这是我接口的地址
      url: 'http://139.155.35.229:3309/miniprogram/food/find', //
      success: (result) => {
      //成功后打印获取到的result
        console.log(result);
       //将获取到的数据保存到data的foodList数组中
        this.setData({
          foodList:result.data
        })
      }
    });     
  },
})

打开小程序的appdata可以看到已经获取到了数据并保存到了foodList数组中