Как удалить массив в массиве? Данные AJAX для json

У меня есть данные JSON по API, как показано ниже ВЫХОД:

[[{"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 );

JSON, а не Джейсон

epascarello 11.06.2018 14:54

попробуйте использовать echo вместо return

Masivuye Cokile 11.06.2018 14:54

Есть ли сообщение об ошибке в консоли разработчика?

epascarello 11.06.2018 14:55

Alos никогда не использует интервал в Ajax - вместо этого используйте setTimeout из обработчика успеха

mplungjan 11.06.2018 14:55

Включены ли ошибки PHP? Вы можете получить 500 и не увидеть этого

Glubus 11.06.2018 14:56

Согласно вашему сообщению, данные представляют собой массив массивов. Если это так, это должен быть element[0].first и т. д., А не просто element.first.

Pointy 11.06.2018 14:56

эхо дает тот же результат. @MasivuyeCokile

user9888683 11.06.2018 14:57

Да, это массив, но как я могу удалить массив массивов. Я покончил с element[0].first, который не дает результата @Pointy

user9888683 11.06.2018 15:09

Как я могу установить Timeout обработчиком, вы можете мне помочь? @mplungjan

user9888683 11.06.2018 15:10
function callIt() { $.getJSON('/ytl/public/api/first-hour-trades', function(data) { setTimeout(callIt,10000); $.each(data, function(firstHourTrades, element) { $("#msg1").append($('<div>', { text: element.first })); $("#msg2").append($('<div>', { text: element.last })); $("#msg3").append($('<div>', { text: element.other })); }); }); }
mplungjan 11.06.2018 15:13

его два трудно понять, вы можете отправить ответ с этим кодом, будет здорово? @mplungjan

user9888683 11.06.2018 15:16

Я просто удалил setInterval и поместил вызов в функцию, которую я вызываю успешно. Если есть ошибка JSON, это вам не поможет.

mplungjan 11.06.2018 15:23

Можете ли вы установить dd($data) на своем контроллере, а затем сказать мне значение?

Wahyu Kristianto 11.06.2018 16:31
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
2
13
146
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 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>

это тоже не дает результата.

user9888683 11.06.2018 15:07

Хорошо, позволь мне попробовать. @Rogerio

user9888683 11.06.2018 16:32

Другие вопросы по теме