建议先看官方文档,官方文档写得很清楚了。
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 是一个可视化,并且能快速生成 模拟数据 的持久化服务
不会的同学可以看一下他的官方文档。
做完了准备工作,我们开始写代码,代码统一书写在.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