javascript - 如何删除数组中的数组？ json 的 AJAX 数据

Question

我有 api 的 JSON 数据，输出如下:

[[{"first":1}],[{"last":0}],[{"other":4}]]

我的 Ajax 代码:

setInterval(function() {
  $.getJSON('/ytl/public/api/first-hour-trades', function(data) {
    $.each(data, function(firstHourTrades, element) {
      $("#msg1").append($('<div>', {
        text: element.first
      }));
      $("#msg2").append($('<div>', {
        text: element.last
      }));
      $("#msg3").append($('<div>', {
        text: element.other
      }));

    });
  });
}, 10000);

<div class="row">
  <div class="col-6 col-sm-4">
    <p id='msg1'> first hour trades</p>
  </div>
  <div class="col-6 col-sm-4">
    <p id='msg2'> last hour trades</p>
  </div>

  <!-- Force next columns to break to new line at md breakpoint and up -->
  <div class="w-100 d-none d-md-block">
    <p id='msg3'> other hours trade</p>
  </div>


</div>

ajax 的输出是空的。 我认为我的 JSON 结果有问题，但该怎么办以及如何解决？

我的代码:

$data = [$first_hour,$last_hour,$other_hours];

    return response()->json($data );

Answer 1

使用这个:

JSON.parse(data)

var jsonResult = JSON.parse('[[{"first":1}],[{"last":0}],[{"other":4}]]');

setInterval(function() {
  
    $.each(jsonResult, function(firstHourTrades, element) {
      $("#msg1").append($('<div>', {
        text: element[0].first
      }));  
      $("#msg2").append($('<div>', {
        text: element[0].last
      }));      
      /*
      $("#msg2").append($('<div>', {
        text: element.last
      }));
      */
    });
  
}, 10000);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="row">
  <div class="col-6 col-sm-4">
    <p id='msg1'> first hour trades</p>
  </div>
  <div class="col-6 col-sm-4">
    <p id='msg2'> last hour trades</p>
  </div>
</div>