serialize() for name value pair string to use in Form submission

This function create a string using urlencode method and which can be directly use to send data in GET or POST method.
    form_list = $("#f1").serialize(); // generate the string and store in a vaiable
    	$("#display").html(form_list); // display inside a div layer
Here b1 is the id of the submit button. f1 is the ID of the form. We are storing the string output of serizlize() function in a variable form_list. We have used Click event of Button with id b1. Only giving id to the input box will not work in serialize() , we must provide name to the input box.
<input type=text id=t1> // this will not work
<input type=text id=t1 name=t1> // Correct
Let us try a simple form with one input text box. We will submit the form on click of a button and display the output as a string Now let us try with a complex form with all types of inputs. We will use all form component inside this example and display the output as in another div layer.
There is no difference in JQuery part of the script as serialize function binds all input fileds within the Form and prepare the string.


We can use serializeArray to create an array with name value pairs. The advantage of such array is we can add our own data to this array and post it to backend script.

We will be using push() method to add extra data to our array.


* indicates required
Subscribe to plus2net

    Post your comments , suggestion , error , requirements etc here .

    Most Popular JQuery Scripts


    Two dependant list boxes


    Calendar with Date Selection


    Data change by Slider


    Show & Hide element

    JQuery Video Tutorials

    We use cookies to improve your browsing experience. . Learn more
    HTML MySQL PHP JavaScript ASP Photoshop Articles FORUM . Contact us
    ©2000-2024 All rights reserved worldwide Privacy Policy Disclaimer