微信小程序——wx.request请求服务器json数据并渲染到页面

首先来看java后台服务器的json数据:

微信小程序——wx.request请求服务器json数据并渲染到页面

我们要在这个json数据小程序里面展示:

微信小程序——wx.request请求服务器json数据并渲染到页面

代码如下

一、首先是js文件:

微信小程序——wx.request请求服务器json数据并渲染到页面

微信小程序——wx.request请求服务器json数据并渲染到页面

这里需要注意的是

url: 'http://localhost:8080/user/findAll'

url内不能含有多余的字符或者空格,尤其域名结尾的多出来的空格符容易忽略。

二、小程序json文件

微信小程序——wx.request请求服务器json数据并渲染到页面

 

三、wxml文件

微信小程序——wx.request请求服务器json数据并渲染到页面

 

四、wxss样式文件----测试用,暂无编写。

编译之前记得到“详情”勾选这项:

微信小程序——wx.request请求服务器json数据并渲染到页面

否则会报错。

最后编译运行,可以看到控制台也有相应json数据的显示:

console.log(res.data);

微信小程序——wx.request请求服务器json数据并渲染到页面