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);
})
},