API调用

开始造吧！

API调用初体验

当你完成开发前的准备后，就基本完成了小程序的准备工作，接下来进行数据的获取，体验一下API调用的基本流程

1、在需要调用后台数据的js文件里引入api.js文件，例如首页的index.js

const api = require('../../utils/api.js');  //路径根据自己的实际情况进行相应的调整

Page({

  // 页面的初始数据

  data: {

  },

  // 生命周期函数--监听页面加载

  onLoad: function (options) {

  },

  // 生命周期函数--监听页面初次渲染完成

  onReady: function () {

  },

  // 生命周期函数--监听页面显示

  onShow: function () {

  },

  // 生命周期函数--监听页面隐藏

  onHide: function () {

  },

  // 生命周期函数--监听页面卸载

  onUnload: function () {

  },

  // 页面相关事件处理函数--监听用户下拉动作

  onPullDownRefresh: function () {

  },

  // 页面上拉触底事件的处理函数

  onReachBottom: function () {

  },

  // 用户点击右上角分享

  onShareAppMessage: function () {

  }

})

2、在生命周期函数--监听页面加载函数中使用api模块。

// 生命周期函数--监听页面加载

onLoad: function (options) {

  var that = this;

    // api.模块函数.then...来调用，这里companyinfos()是调用公司信息

    api.companyinfos().then(function (rs) {

    // 通过setData把获取到的数据赋值到页面初始数据的data对象,这样就可以在wxml中使用数据了。

    that.setData({

      companyinfos: rs.data,

    })

    // 把获取的数据输出到控制台看看，实际使用的时候删除掉下面这行

    console.log(rs.data);

  })

},

3、保存后就可以在调试器 console 中查看获取到的公司信息内容了。