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:

  1. First we add basic the head section 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> ...

Get HTML5 Data and Services Cookbook now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.