jQuery Post not posting multidimentional array data

Question

I have a variable amount of tabs with custom forms on them I am trying to post the data from.

my solution was to make an array containing another array for each tab. then post that multidimensional array to my controller.

$("#savetabs").click(function()
{
    $("body").addClass("loading");
    var $alltabdata = [];
    $("#customtabs-holder").children().each(function() {
        $tablename = $(this).attr('id');
        $thistabdata = [];

        $inputs = $(this).find("input");
        $.each($inputs, function( index, value ) {
            $thistabdata[$(this).attr("name")] = $(this).val();
        });

        $selects = $(this).find("select");
        $.each($selects, function( index, value ) {
            $thistabdata[$(this).attr("name")] = $(this).val();
        });
        $alltabdata[$tablename] = $thistabdata;
    });
    console.log($alltabdata);

    posting = PostTabData($client_id, $alltabdata);

    posting.done(function( data ) {
        $("body").removeClass("loading");
        console.log(data);
        alert(data);
    });

    posting.fail(function() {
        $("body").removeClass("loading");
        alert( "Failed to post tab info" );
    });
});

function PostTabData($client_id, $tabdata) {
    console.log($tabdata);
    debugger;
    return $.post("/CustomTables/Contents/Save",
    {
        client_id: $client_id,
        alltabdata: $tabdata,
    });
}

the console.log before the post displays the correct info, But the tab data doesn't end up in my controller and when i check chromes developer tools under the network option it shows the sent data as only consisting of the client_id field

Try this: $thistabdata = {};

Maciej Sikora
– Maciej Sikora

2016-08-29 22:23:39 +00:00
Commented Aug 29, 2016 at 22:23 — Maciej Sikora
– Maciej Sikora, Commented Aug 29, 2016 at 22:23

Maciej Sikora · Accepted Answer · 2016-08-29 22:32:21Z

1

Change your variables to objects:

from [] to {}

In javascript exist only Array with numeric keys. Associative Arrays not exists in javascript.

Check this snippet to fill the difference:

//array
var arr=[];
arr["name"]="Example name";

console.log("Here array log:");
console.log(arr);

//object
var obj={};
obj["name"]="Example name";

console.log("Here object log:");
console.log(obj);

edited Aug 29, 2016 at 22:32

answered Aug 29, 2016 at 22:25

Maciej Sikora

20.3k4 gold badges52 silver badges50 bronze badges

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

1 Comment

McGreeb Over a year ago

Thank you! 3 hours over 4 brackets!

Collectives™ on Stack Overflow

jQuery Post not posting multidimentional array data

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related