API调用初体验
如遇下载链接蓝奏网盘打不开lanzous替换成lanzoux尝试! 广告
![](/linkpic/xianzhuifeng.jpg)
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
NOTICE:【咨询风格酷】客服微信:wwwxmamnet
NOTICE:【风格酷模板网②群】QQ群:288678775
☉免责声明:本站所有模板均来自用户分享和网络收集,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服,我们核实后会立即删除。
☉如果源码网盘地址失效!或有其他问题,请点我报错,谢谢合作!
☉人民币与积分汇率为1比10,即1元=10积分.有任何疑问请联系客服!
☉如有其他问题,请加网站客服QQ(1131734965)进行交流。
☉本站提供的源码、模板、软件工具等其他资源,都不包含技术服务,请大家谅解!
☉源码、模板等资源会随着技术、环境的升级而存在部分问题,还请慎重选择。