【微信小程序】wx.request请求后success回调的数据无法显示到页面上

简介: 【微信小程序】wx.request请求后success回调的数据无法显示到页面上

出错原因


  我在success回调函数是这样赋值的:

var that = this;
wx.request({
  url: this.data.host + "/system/dept/list",
  method : "GET",
  success: function (res) {
    if(res.data.code == 200){
        that.data.deptInfo:res.data.data;
    }
  }
})

微信官方说明:


 Page.prototype.setData():setData函数用于将数据从逻辑层发送到视图层,同时改变对应的 this.data 的值。注意: 直接修改 this.data 无效,无法改变页面的状态,还会造成数据不一致。 单次设置的数据不能超过1024kB,请尽量避免一次设置过多的数据。

解决办法


  应该这样赋值:

var that = this;
wx.request({
  url: this.data.host + "/system/dept/list",
  method : "GET",
  success: function (res) {
    if(res.data.code == 200){
      that.setData({
        deptInfo:res.data.data
      });
    }
  }
})
相关文章
|
1月前
|
移动开发 小程序
如何让uni-app开发的H5页面顶部原生标题和小程序的顶部标题不一致?
如何让uni-app开发的H5页面顶部原生标题和小程序的顶部标题不一致?
|
1月前
|
缓存 小程序 UED
微信小程序如何在切换页面后原页面状态不变
微信小程序如何在切换页面后原页面状态不变
39 0
|
1月前
|
小程序 UED 开发者
小程序如何监听页面的滚动事件
小程序如何监听页面的滚动事件
30 0
|
1月前
|
小程序 JavaScript
【微信小程序】之自定义三宫格一行展示row-grid(简单数据看板)
【微信小程序】之自定义三宫格一行展示row-grid(简单数据看板)
|
6天前
|
小程序
小程序和页面生命周期详解
小程序和页面生命周期详解
14 0
|
24天前
|
小程序
uniapp 实现当前页面分享至微信好友或朋友圈功能(带参数和无参数)
uniapp 实现当前页面分享至微信好友或朋友圈功能(带参数和无参数)
68 0
|
24天前
|
小程序 开发者
体验版小程序为何无法访问云端服务器后端接口(请求失败...(已完美解决附加图片))?
体验版小程序为何无法访问云端服务器后端接口(请求失败...(已完美解决附加图片))?
17 0
|
1月前
|
小程序 JavaScript 前端开发
微信小程序全栈开发中的数据交互与渲染优化
【4月更文挑战第12天】本文探讨了微信小程序全栈开发中的数据交互与渲染优化,旨在提升小程序性能和用户体验。数据交互涉及GET、POST、PUT和DELETE请求,优化措施包括使用HTTPS、数据压缩、缓存及限流。渲染优化则涵盖虚拟DOM、减少DOM操作、组件化和模板使用,以及WXSS样式设计和媒体查询。利用性能监控工具可识别并优化性能瓶颈。开发者应综合运用这些策略,持续优化小程序。
|
1月前
|
存储 缓存 小程序
微信小程序页面传值的几种方式
微信小程序页面传值的几种方式
|
1月前
|
小程序
小程序页面路由传参的方法?
小程序页面路由传参的方法?
17 0

热门文章

最新文章