O'Reilly logo

HTML5 Data and Services Cookbook by Mite Mitreski, Gorgi Kosev

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

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> ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required