Submit a two dimensional array in javascript

Question

checkdata['attendance_batch'] = [
    {user_id_c: 'abcda', ispresent: 0},
    {user_id_c: 'abxcda', ispresent: 2},
    {user_id_c: 'abctda', ispresent: 1}
]

I want my array in the above mentioned format in javascript

MY HTML:

<label for='flip'>" + entry["name"] + "</label><div id='switch'><select name='user_id_c' id='flip2b' iduser='"+entry["id"]+"' data-role='slider'><option value='1'>Present</option><option value='0'>Absent</option></select>


$("#frmattendance").submit(function(event) {


event.preventDefault();
$form = $(this);

var a = {};

var paramString = [];
$($form).find(':input').each(function() {

    //console.log($(this).attr('name'));
    if ($(this).val() == 'Mark') {
    }

    else {

        a[{user_id_c: $(this).attr('iduser'), ispresent: $(this).val()}];
        //  console.log(a[$(this).attr('name')]);
    }

});

 var $sessiondata = sessionStorage.sessionid;


$.ajax
        ({
            type: "POST",
            url: saverecordurl + 'pcc_attendance',
            dataType: 'json',
            async: false,
            // session_id: $sessiondata,
            //json object to sent to the authentication url
            data: {checkdata: a, session_id: $sessiondata},
            success: function(response) {
                //console.log(response);
                if (response.id !== null)
                {

                    alert("You have successfully marked the attendance");

                    $.mobile.changePage("#eventdetails", {
                        transition: "slide",
                        reverse: true,
                        changeHash: true
                    });

                }

            },
            error: function(result) {
                $.mobile.changePage("#one", {
                    transition: "slide",
                    reverse: false,
                    changeHash: true
                });
            }

        })

});

Could someone help me with the format am i making a mistake?

That is an array of objects, not a two-dimensional array. I am not quite sure what you are asking though. When you say you want to "submit" this data, do you mean like in a POST? — Mike Brant
– Mike Brant, Commented Oct 7, 2014 at 19:26
No, I mean <label for='flip'>" + entry["name"] + "</label> produces a label with " + entry["name"] + " as the label text, for example. The JavaScript here isn't in a <script> tag so it'll never execute. — amphetamachine
– amphetamachine, Commented Oct 7, 2014 at 19:28

Rob M. · Accepted Answer · 2014-10-07 19:31:53Z

1

a[{user_id_c: $(this).attr('iduser'), ispresent: $(this).val()}]; is invalid syntax. You could do one of the following:

var a = {
   user_id_c: $(this).attr('iduser'),
   ispresent: $(this).val()
}

or

var a = {}
...
a.user_id_c = $(this).attr('iduser');
a.ispresent = $(this).val()

answered Oct 7, 2014 at 19:31

Rob M.

36.6k6 gold badges56 silver badges51 bronze badges

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

4 Comments

vini Over a year ago

Thanks but woudn't it just append the last value and not append all of them. i have multiple elements with same name on my form to mark attendance

Rob M. Over a year ago

checkdata.attendance_batch.push(a); would add them to your checkdata array

vini Over a year ago

attendance_batch.push(a); i did this it seems to be ovveriting my data

Rob M. Over a year ago

it looks like you are only passing the last a defined, rather than the collection of them (data: {checkdata: a, session_id: $sessiondata},), initialize the attendance_batch array prior to your input.each, then pass the attendance_batch var in your post call

Collectives™ on Stack Overflow

Submit a two dimensional array in javascript

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related