CODEWITHSUNDEEP
javascriptphpjquerylaravel
Daniel Santos
Daniel Santos

Reputation: 457

How to send an array of data to the Backend (php) through ajax

I need some help here guys, my issue is that the first console.log returns what has been built by the foreach, but the backend doesn't receive that same array. This foreach basically iterates over a table, looks for a certain id, makes it an index of an array, and then it fetches all the input values from the table and pushes it to that given index.

        var dateTime = [];
        $("#employeeData > tr").each(function(dateIndex, date) {
            dateTime[date.id] = [];
            $("#" + date.id + " :input").each(function(inputIndex, inputTime) {
                dateTime[date.id].push($(inputTime).val())
            });
        });
        var CSRF_TOKEN = $('meta[name="csrf-token"]').attr('content');
        console.log(dateTime);
        $.post('employee',
            {
                dates: dateTime,
                _token: CSRF_TOKEN
            }, function(response) {
                console.log(response);
            }
        );
        });
    Route::post('/employee', 'EmployeesController@updateRecords');

    public function updateRecords(Request $request)
    {
        return $request->dates;
    }
    // this is a console.log of the dateTime, each date has 4 inputs 
    //associated with it
    [2017-11-02: Array(4), 2017-11-03: Array(4), 2017-11-06: Array(4), 2017- 
    11-07: Array(4), 2017-11-08: Array(4), …]

This all happens when jquery handles a click event.

Upvotes: 1

Views: 367

Answers (1)

candidev
candidev

Reputation: 38

It is not possible to pass an array as it is in the post, it should be converted.

Just encode your array as JSON string and decode it in the backend.

var dateTime = [];
    $("#employeeData > tr").each(function(dateIndex, date) {
        dateTime[date.id] = [];
        $("#" + date.id + " :input").each(function(inputIndex, inputTime) {
            dateTime[date.id].push($(inputTime).val())
        });
    });
    var CSRF_TOKEN = $('meta[name="csrf-token"]').attr('content');
    console.log(dateTime);
    var jsonString = JSON.stringify(dateTime);
    $.post('employee',
        {
            dates: jsonString,
            _token: CSRF_TOKEN
        }, function(response) {
            console.log(response);
        }
    );
    });

in your PHP, decode the JSON string :

$dates = json_decode(stripslashes($_POST['dates']));

Upvotes: 1

Related Questions