How to send many form input values with $.ajax

Question

I have a form with many input elements inside that looks like:

<form>
  <input name="foo[abc]" />
  <input name="foo[def]" />
  ...
</form>

(foo should be a array inside $_POST)

How can I send these values trough AJAX, without having to manually enter each value in the data parameter?

Vaibhav Gupta · Accepted Answer · 2011-09-11 18:52:14Z

3

use:

var data=$(your_form).serialize();

and send this data using ajax.

it'll automatically convert all array like inputs and normal to a string like get method..

answered Sep 11, 2011 at 18:52

Vaibhav Gupta

1,6121 gold badge14 silver badges23 bronze badges

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

Comments

genesis · Accepted Answer · 2011-09-11 18:51:09Z

1

$("form").serialize();

answered Sep 11, 2011 at 18:51

genesis

51.1k20 gold badges99 silver badges127 bronze badges

Dave Newton · Accepted Answer · 2011-09-11 18:51:30Z

-1

Use the serialize function; see an example here (it's a $.post(), but same difference).

answered Sep 11, 2011 at 18:51

Dave Newton

161k27 gold badges263 silver badges310 bronze badges