Serializing a form into request strings
A common task when working with forms is the need to create the actual request string. There are several different ways to do this, the first thing that comes to mind is just to select each individual form element and get it's value, and then create the string by appending the name attributes with the values. This is very error prone, so we are going to take a look at a better solution using jQuery.serialize().
How to do it...
As usual we can start with the HTML:
First we add basic the
headsection and an output element where the generated request string will be shown:<!doctype html> <html> <head> <meta charset="utf-8"> <title>JavaScript objects to form data</title> </head> <body> <label><b>Generated string:</b></label> <output id="generated">none</output> <hr/> <output id="generatedJson">none</output> <hr/>Then...
