小程序接收后端传的list数组

小程序的wxml页面 ，代码如下

<view>

  <text>{{users[0].userid}}</text>

  <text>{{users[0].username}}</text>

</view>

 

运行结果如下： 

小程序的js页面，代码如下：

onLoad: function (options) {
    // 页面初始化 options为页面跳转所带来的参数
       var users=[];
       var that = this;
        wx.request({
          url: 'http://localhost:8080/getUser',
          method: 'POST',
          header: { 'content-type': 'application/x-www-form-urlencoded' },
          success: function (res) {
            console.log(res.data+ "你是从后台来的ma?");
            that.setData({
              users:res.data
            })
          },
          fail: function (res) {
            console.log('submit fail');
          },
          complete: function (res) {
            console.log('submit complete');
          },
        })
     
  },

 可以在AppData看到返回的数据users

 

后端的接口编写使用的是springboot框架，具体的结合另一篇文章：