Build querystring automatically to send form via ajax

Question

I need to send a complete form via ajax to prevent the refresh of the complete page. Since the form has a huge number of inputfields, i dont want to build the querystring manually. I found some scripts collecting all elements in the form and building the querystring automatically. But is there any easier way to build the query string automatically?

dweeves · Accepted Answer · 2012-03-15 15:45:21Z

5

using serialize() method of your jquery form wrapper object !

see : http://api.jquery.com/serialize/

answered Mar 15, 2012 at 15:45

dweeves

5,64524 silver badges28 bronze badges

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

Comments

Andy Blackwell · Accepted Answer · 2012-03-15 15:46:17Z

2

http://api.jquery.com/serialize/

http://api.jquery.com/serializearray/

answered Mar 15, 2012 at 15:46

Andy Blackwell

2983 silver badges5 bronze badges

Comments

Ajinkya · Accepted Answer · 2012-03-15 15:45:47Z

1

Try jQuery serialize.
Example from jQuery site

$('form').submit(function() {
  alert($(this).serialize());
  return false;
});

answered Mar 15, 2012 at 15:45

Ajinkya

22.7k33 gold badges113 silver badges164 bronze badges

Comments

Selvakumar Arumugam · Accepted Answer · 2012-03-15 15:47:13Z

0

You can use jQuery .serialize to serialize all input fields in the form. Try below script and alert the value,

   var formValues =  $('form').serialize();
   alert(formValues);

answered Mar 15, 2012 at 15:47

Selvakumar Arumugam

79.9k15 gold badges123 silver badges139 bronze badges

Comments

Maha Khairy · Accepted Answer · 2012-03-15 15:48:50Z

0

you need to have the info in your page and send it in a query string to another page right??

you could simply add the Previous page Type directive in the page you're redirecting to, and add properties in your first page to return the values in the controls and call it using previous page property refer to this article

answered Mar 15, 2012 at 15:48

Maha Khairy

3525 silver badges15 bronze badges

2 Comments

Anthony Grist Over a year ago

What from the javascript, jquery, ajax, forms and post tags gave you the impression he's using ASP.NET?

Maha Khairy Over a year ago

sorry that was my bad, I must have conflicted it with something else

Collectives™ on Stack Overflow

Build querystring automatically to send form via ajax

5 Answers 5

Comments

Comments

Comments

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related