How to jQuery ajax with input field name="array[]"?

Question

I have several dynamically created hidden input fields. Most of which have a name formatted as array[]

Question 1:

How can I use jQuery .ajax() or .post() to get the values from every field named array[] and pass them so they'll be retrievable as $_POST['array'] in my PHP page?

Question 2:

Hypothetically speaking. Let's say that I don't know the name of said field but only the name of the form. How can I still do the same thing as in Question 1?

I found .serializeArray() in the jQuery documentation, but I have no idea what I'm doing with that and I'm not even certain if that applies to my situation of not knowing the field names.

Thanks in advance.

gen_Eric · Accepted Answer · 2011-01-24 21:12:49Z

7

You want to use .serialize() on the form. This will make a query string of all form elements (including 'name[]' ones).

$.post('/url/to/post', $('#form').serialize(), function(data){
   alert('POSTed');
});

answered Jan 24, 2011 at 21:12

gen_Eric

228k42 gold badges304 silver badges343 bronze badges

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

Comments

Aaron Hathaway · Accepted Answer · 2011-01-24 21:17:57Z

1

You'll want to use jQuery's .serialize() method.
Check it out

edited Jan 24, 2011 at 21:17

answered Jan 24, 2011 at 21:12

Aaron Hathaway

4,3832 gold badges21 silver badges17 bronze badges

Collectives™ on Stack Overflow

How to jQuery ajax with input field name="array[]"?

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