为什么我js文件中的data赋值异常？

先放出相关JS代码和wxml代码
js代码
onLoad: function (options) {
  var that=this;
        wx.request({
          url: 'http://81.68.72.54/index/Perso/person3', 
          method: 'POST',
          success: function(res) {
            console.log(res)//第一行注释
            for (let i = 0; i < res.data.length; i++) {
              var num=res.data[i].realtime/res.data[i].capacity*100
              num=num.toFixed(1)
              res.data[i].percent=num
              console.log(res.data[i])// 第二行注释
              that.setData({
                array:res.data
              })
              console.log(that.data.array)// 第三行注释
            }
          }
        })
}
wxml代码
   <view style="color:red;float: left;">当前人数：{{item.percent}}</view>

z在循环结束后，我们打印第三行注释的结果可以看出，已经成功赋值

但是在前端却一直显示null

同时调试器中的AppData也一直显示为null

调试器的console的打印结果显示，明明that.data.array（也就是data 中的array数组）已经被更新，但前端却显示为null，而且之前也只成功显示过一次正常的数字，就是上上个截图对应位置的51 13，这是为什么