AJAX Post Multiple Arrays

Question

I have 2 input fields like so

<input type="text" name="typeDetails[games]"/>
<input type="text" name="typeDetails[art]"/>

I want to submit via AJAX, but I'm unsure how to exactly send this data. I know in my controller that I can validate the typeDetails array like typeDetails.games or typeDetails.art, but I'm unsure how to send it.

Here's what my JS looks like currently.

var data = { 'typeDetails[]' : []};

$("input[name='typeDetails[games]']").each(function() {
    data['typeDetails[games]'].push($(this).val());
}); 

$("input[name='typeDetails[art]']").each(function() {
    data['typeDetails[art]'].push($(this).val());
});

The error I'm getting is "Cannot read property 'push' of undefined".

Thanks!

Vinoth K · Accepted Answer · 2016-03-14 08:27:36Z

1

'typeDetails[games]' and 'typeDetails[art]' are not the keys of data.

Declare data like this

var data = { 'typeDetails[games]' : [],  'typeDetails[art]' : []};

answered Mar 14, 2016 at 8:27

Vinoth K

1063 bronze badges

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

Comments

cracker · Accepted Answer · 2016-03-14 11:33:13Z

0

Try using like

var data = new Array();
$("input[name=typeDetails]").each(function() {
    data.push($(this).val());
});

answered Mar 14, 2016 at 11:33

cracker

4,9043 gold badges26 silver badges41 bronze badges

Collectives™ on Stack Overflow

AJAX Post Multiple Arrays

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related