Jquery Loop through form and create associative array

Question

I'm trying to loop through an un-ordered list with form fields in each. When I try to append it to formdata and process it through PHP it just returns

team: "[object Object],[object Object]"

JS is here:

var arr = [];
$( '#team_list li' ).each(function(idx, li) {
    $team_name = $( li ).find('input[name="team_name"]').val();
    $team_role = $( li ).find('input[name="team_role"]').val();
    $team_citizen = $( li ).find('#country').val();
    $team_status = $( li ).find('#id_team_status').val();
    arr.push({ name: $team_name, role: $team_role, citizen: $team_citizen, status: $team_status, });
});

fd.append('team', arr );

If you just want to display the array then try fd.append('team:', JSON.stringify(arr) ); otherwise you need elements to pass the values into. Say you have a div to display $team_name you would need to do something like this: <div class="team-name">'+arr.name+'</div> — Souleste
– Souleste, Commented Dec 11, 2019 at 22:07
Side note; just going off of your logic, it looks like your html is repeating the country and id_team_status ids. Ids are expected to be unique per document — Taplar
– Taplar, Commented Dec 11, 2019 at 22:10

Nick · Accepted Answer · 2019-12-11 22:10:58Z

1

The second argument to FormData.append needs to be a string or a file; anything that is not one of these is converted to a string (see the manual). So what you are seeing is the string representation of arr. What you need to do is to JSON encode arr (using JSON.stringify) i.e.

fd.append('team', JSON.stringify(arr));

And then in your PHP code you can write

$teams = json_decode($_POST['team']);

answered Dec 11, 2019 at 22:10

Nick

147k23 gold badges67 silver badges106 bronze badges

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

Collectives™ on Stack Overflow

Jquery Loop through form and create associative array

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