1. 程式人生 > >Json陣列物件取值

Json陣列物件取值

1.資料格式

  

{"data":[{"username":"xxx","avatar":"xxx","gift_name":"xxx"},{"username":"xxx","avatar":"xxx","gift_name":"xxx"},{"username":"xxx","avatar":"xxx","gift_name":"xxx"},{"username":"xxx","avatar":"xxx","gift_name":"xxx"},{"username":"xxx","avatar":"xxx","gift_name":"xxx"}]}

 

2.取值

username   data[0].username
avatar   data[0].avatar

 

3.vue介面請求後

this.getPrizeUser()
        .then(ret => {
          setInterval((i => (() =>{
            if(i>ret.data.length)i=0;
            this.$refs.danmu.render(ret.data[i].avatar,ret.data[i].username,'獲得了',ret.data[i].gift_name, 1000);
            i
++; }))(0),11000); }) .catch(err => { this.$toast.fail("系統開小差,請重試"); });