Having issues with dynamic array

Question

This is the code that generates the array and POSTs it to my backend API. On the backend I store $_POST in $page['body'] and print_r($page) in an attempt to test to make sure the data I'm sending is showing up correctly and formatted right. Below is the result. JavaScript and I are not friends, so any pointers/tips for fixing the array are much appreciated.

if you look in the response in the [body] index, the data being passed by JavaScript is showing up there as being 'undefined'. I'm not sure what is causing this.

Request

$('#find_carriers').click(function(){

        var data = new Array();

        data.push( { 'general': {
                    'shipper': $('#shipper_zip').val(),
                    'consignee': $('#consignee_zip').val(),
                    'shipment_type': $('#direction').val(),
                    'total_weight': $('#total_weight').val()
                }
            }
        );

        $('#accessorials').find('input:checkbox:checked').each(function(acc_index){

            data.push( {'accessorials': {acc_index : $(this).val() } } );

        });

        $('#units').find('table.unit').each(function(unit_index){

            data.push( {'units': { unit_index : {
                            'num_of': $(this).find('.unit_num_of').text(),
                            'type': $(this).find('.unit_type').text(),
                            'weight': $(this).find('.unit_weight').text()
                        }
                    }
                }
            );

            $(this).find('tbody.products tr').each(function(product_index){

                data.push( {'products': { product_index : {
                                'pieces': $(this).find('td.pieces').text(),
                                'weight': $(this).find('td.weight').text(),
                                'class': $(this).find('td.class').text()
                            }
                        }
                    }

                );

            });

        });

        $.post('index.php?p=api&r=text&c=ctsi&m=lcc', data, function(resp){
            alert(resp);
        });

        return false;

    });

Response

Array
(
  [user] => Array
    (
        [id] => 33
        [name] => user
        [authenticated] => 1
        [level] => user
    )

[title] => 
[body] => Array
    (
        [undefined] => 
    )

[message] => Array
    (
    )

)

PHP

public function lcc($data) {

    global $page;

    if($page['user']['level'] != "user") {

        $this->errorState = 1;
        $this->errorMessage = "Access denied.";

        return FALSE;

    }

    $page['body'] = $_POST;

}

PHP that Handles dumping

    case 'text':

    print_r($page);

break;

Answer 1

Changing the JavaScript to the following works:

$('#find_carriers').click(function(){

    var data = new Object();

    data.general = {
        'shipper': $('#shipper_zip').val(),
        'consignee': $('#consignee_zip').val(),
        'shipment_type': $('#direction').val(),
        'total_weight': $('#total_weight').text()
    };

    data.accessorials = [];

    $('#accessorials').find('input:checkbox:checked').each(function(acc_index){


        data.accessorials.push($(this).val());

    });

    alert('hello')

    data.units = [];
    data.products = [];

    $('#units').find('table.unit').each(function(unit_index){

        data.units.push({
            'num_of': $(this).find('.unit_num_of').text(),
            'type': $(this).find('.unit_type').text(),
            'weight': $(this).find('.unit_weight').text()
        });

        $(this).find('tbody.products tr').each(function(product_index){

            data.products.push({
                'pieces': $(this).find('td.pieces').text(),
                'weight': $(this).find('td.weight').text(),
                'class': $(this).find('td.class').text()
            });

        });

    });

    $.post('index.php?p=api&r=text&c=ctsi&m=lcc', data, function(resp){
        alert(resp);
    });

    return false;

});

result

Array
(
[user] => Array
    (
        [id] => 33
        [name] => user
        [authenticated] => 1
        [level] => user
    )

[title] => 
[body] => Array
    (
        [general] => Array
            (
                [shipper] => 
                [consignee] => 
                [shipment_type] => Outbound/Prepaid
                [total_weight] => 2
            )

        [accessorials] => Array
            (
                [0] => 17
                [1] => 19
            )

        [units] => Array
            (
                [0] => Array
                    (
                        [num_of] => 1
                        [type] => Bobs
                        [weight] => 1
                    )

                [1] => Array
                    (
                        [num_of] => 1
                        [type] => Bobs
                        [weight] => 1
                    )

            )

        [products] => Array
            (
                [0] => Array
                    (
                        [pieces] => 1
                        [weight] => 1
                        [class] => 
                    )

                [1] => Array
                    (
                        [pieces] => 1
                        [weight] => 1
                        [class] => 
                    )

                [2] => Array
                    (
                        [pieces] => 1
                        [weight] => 1
                        [class] => 
                    )

            )

    )

[message] => Array
    (
    )

)