How to pass this array from Laravel Controller via AJAX and create a table

Question

I have this array:

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
        )

)

I would like to pass it via AJAX and create a table in a modal. So far, I have this JS code:

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

And this HTML table:

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

I would like to append the array contents to the table body. I hope someone can help.

Can you convert array to json and pass like post parameter and use in your AJAX. — Kiran Kanzar
– Kiran Kanzar, Commented Jun 19, 2019 at 12:35

Jignesh Joisar · Accepted Answer · 2019-06-19 12:35:05Z

1

i assume successfully get array from controller

after get try like that

$.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;
 }

answered Jun 19, 2019 at 12:35

Jignesh Joisar

15.4k6 gold badges69 silver badges61 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to pass this array from Laravel Controller via AJAX and create a table

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related