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 中查看获取到的公司信息内容了。
注意此处和CMS标签并不带company前缀，所以返回整体数据和调取单个时直接写名称，如：名称name