前言
写小程序的时候发现请求数据的时候可以请求到(console.log可以显示出来),但是就是显示不出来,去百度找了很多,要么很乱要么代码不全,要么把开发文档复制复制过来,都没有解决问题,然后不小心看到一个很简洁的代码,虽然有很多属性没有写上去,但是至少实现了请求和渲染的功能。
test.json
{
"data":[
{
"test":"首页",
"id":1
},
{
"test":"学习",
"id":2
},
{
"test":"娱乐",
"id":3
},
{
"test":"军事",
"id":4
},
{
"test":"推荐",
"id":5
},
{
"test":"音乐",
"id":6
},
{
"test":"财经",
"id":7
},
{
"test":"电影",
"id":8
},
{
"test":"旅行",
"id":9
},
{
"test":"美食",
"id":10
}
]
}
test.js
Page({
/**
* 页面的初始数据
*/
data: {
},
// 获取导航数据
getNavList() {
let that = this;
wx.request({
url: "http://localhost:3000/data",
success:function(res) {
that.setData({
list:res.data
})
}
})
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
this.getNavList();
}
})
test.wxml
|