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

最新推荐文章于 2023-04-14 10:01:00 发布

该用户很懒ha

最新推荐文章于 2023-04-14 10:01:00 发布

阅读量1.8k

点赞数 3

本文链接：https://blog.youkuaiyun.com/qq_43541919/article/details/116635293

版权

本文介绍了一个小程序页面如何通过后端SpringBoot框架获取并显示用户数据。具体包括wxml页面结构、js页面请求数据的方法及数据展示过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

小程序的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