如何从URL读取JSON响应并使用Javascript内部的键和值（数组内部的数组）

Question

My Controller Function:

public function displayAction(Request $request)
{
    $stat = $this->get("app_bundle.helper.display_helper");
    $displayData = $stat->generateStat();
    return new JsonResponse($displayData);
}

My JSON Response from URL is: {"Total":[{"date":"2016-11-28","selfies":8},{"date":"2016-11-29","selfies":5}],"Shared":[{"date":"2016-11-28","shares":5},{"date":"2016-11-29","shares":2}]}

From this Response I want to pass the values to variables (selfie,shared) in javascript file like:

$(document).ready(function(){

var selfie = [
            [(2016-11-28),8], [(2016-11-29),5]]
        ];

var shared = [
            [(2016-11-28),5], [(2016-11-29),2]]
        ];
});

Answer 1

You can try like this.

First traverse the top object data and then traverse each property of the data which is an array.

var data = {"total":[{"date":"2016-11-28","selfies":0},{"date":"2016-11-29","selfies":2},{"date":"2016-11-30","selfies":0},{"date":"2016-12-01","selfies":0},{"date":"2016-12-02","selfies":0},{"date":"2016-12-03","selfies":0},{"date":"2016-12-04","selfies":0}],"shared":[{"date":"2016-11-28","shares":0},{"date":"2016-11-29","shares":0},{"date":"2016-11-30","shares":0},{"date":"2016-12-01","shares":0},{"date":"2016-12-02","shares":0},{"date":"2016-12-03","shares":0},{"date":"2016-12-04","shares":0}]}

Object.keys(data).forEach(function(k){
  
   var val = data[k];
   
    val.forEach(function(element) {
    console.log(element.date);
    console.log(element.selfies != undefined ? element.selfies : element.shares );
      
    });
   
});

</div>