Capturing entire form input data with JavaScript and sending it over AJAX

Question

I have a dynamically generated form that I would like to submit using Ajax. The form contains some input fields and some checkboxes - so the total number of checkboxes that will be submitted is obviously unknown at the start. By "dynamically generated" I mean the contents and the id's of the form elements are pulled from a DB and again, I never know how many there will be in advance.

From what I understand, to submit it with Ajax I need to execute something like this in my javascript function:

xmlhttp.open("GET","/incl/myfile.php?var[]=a&var[]=b&...", true);

My problem is generating those "var[]=a&var[]=b&..." lists. Particularly, I have a hard time understanding how to generate it for those checkboxes, which may or may not be checked.

Is there something that will capture the entire content of the form input fields and format it into a nice GET url query? A plugin perhaps? Something in JQuery maybe?

mpj.dev · Accepted Answer · 2011-02-18 21:39:13Z

1

Yes, take a look at jQuery's serialize method. http://api.jquery.com/serialize/

answered Feb 18, 2011 at 21:39

mpj.dev

5,3772 gold badges33 silver badges47 bronze badges

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

Comments

Marc B · Accepted Answer · 2011-02-18 21:40:40Z

1

You want jQuery's .serialize() method.

answered Feb 18, 2011 at 21:40

Marc B

362k44 gold badges433 silver badges508 bronze badges

Collectives™ on Stack Overflow

Capturing entire form input data with JavaScript and sending it over AJAX

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