小程序网络请求

建议先看官方文档，官方文档写得很清楚了。

https://developers.weixin.qq.com/miniprogram/dev/framework/structure.html

 

新建一个目录，在目录下面创建一个page,小程序会自动帮我们生成其他四个文件。其中就有一个.js 文件。我们就在那里配置请求。

 

需要注意的是，小程序并只支持HTTP请求，详情跳转官方文档，但是我们在平时的学习中，可以跳过这个验证。

https://developers.weixin.qq.com/miniprogram/dev/api/api-network.html

 

 

 

Easy Mock

也可以自己在线模拟数据，Easy Mock 是一个可视化，并且能快速生成 模拟数据 的持久化服务

https://www.easy-mock.com/

不会的同学可以看一下他的官方文档。

https://www.easy-mock.com/docs

 

做完了准备工作，我们开始写代码，代码统一书写在.js文件中。

  /**
   * 页面的初始数据
   */
  data: {
    kindsTime:""
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    var that = this;
    //调取json数据
    wx.request({
      url: '这里写你的请求地址',
      data: {},
      success: function (res) {
        that.setData({
          kindsTime: res.data
        })
      },
      // 请求失败
      fail: function () {
        console.log("数据请求失败")
      }
    })
  }

 这就是一个很简单的网络请求了。如果请求失败，请检查自己的地址有没有错误。

我们需要使用获取到的数据的话，根据自己的需求在.wxml中去渲染就可以了，详情看官方文档。

https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxml/list.html