Как передать этот массив из Laravel Controller через AJAX и создать таблицу

Question

У меня есть этот массив:

Array
(
    [0] => Array
        (
            [start_break] => 2019-05-23 09:01:23
            [end_break] => 2019-05-23 09:04:36
            [time_diff] => 0.05
        )

    [1] => Array
        (
            [start_break] => 2019-05-23 12:05:33
            [end_break] => 2019-05-23 12:07:19
            [time_diff] => 0.03
        )

)

Я хотел бы передать его через AJAX и создать таблицу в модальном режиме.Пока у меня есть этот код JS:

    $.ajax({
        type: 'GET',
        url: 'get-breaks',
        data: {
            t_date: $t_date,
            emp_id: $emp_id
        }
        success: function (data) {
            //append to table
        },
        error: function (data) {
        }
   });

И эта таблица HTML:

<table id="breaks-table">
   <tr>
     <th>Start Break</th>
     <th>End Break</th>
     <th>Time Difference</th>
   </tr>
</table>

Я хотел бы добавить содержимое массива в тело таблицы.Я надеюсь, что кто-то может помочь.

Answer 1

Я предполагаю, что успешно получил массив из контроллера

после того, как попробуй вот так

$.ajax({
        type: 'GET',
        url: 'get-breaks',
        data: {
            t_date: $t_date,
            emp_id: $emp_id
        }
        success: function (data) {
            //append to table
            if(data.dateArray) {
              data.dateArray.forEach(function(item,index) {
                      $("table#breaks-table").append(createTr(item));
              });
            }
        },
        error: function (data) {
        }
   });



function createTr(item) {
    var tr = '<tr>' +
           '<td class="className">' + item.start_break + '</td>' +
           '<td>' + item.end_break + '</td>' +
           '<td>' + item.time_diff + '</td>' +
        '</tr>';

    return tr;
 }