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

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

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

微信小程序——wx.request请求服务器json数据并渲染到页面_第1张图片

代码如下

一、首先是js文件:

微信小程序——wx.request请求服务器json数据并渲染到页面_第2张图片

微信小程序——wx.request请求服务器json数据并渲染到页面_第3张图片

这里需要注意的是

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

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

二、小程序json文件

微信小程序——wx.request请求服务器json数据并渲染到页面_第4张图片

 

三、wxml文件

微信小程序——wx.request请求服务器json数据并渲染到页面_第5张图片

 

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

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

微信小程序——wx.request请求服务器json数据并渲染到页面_第6张图片

否则会报错。

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

console.log(res.data);

微信小程序——wx.request请求服务器json数据并渲染到页面_第7张图片

 

 

 

 

 

 

 

 

 

 

 

你可能感兴趣的:(wx.request,服务器json数据,微信小程序)