.serialize() Returns: String
Description: Encode a set of form elements as a string for submission.
-
version added: 1.0.serialize()
-
This method does not accept any arguments.
-
The .serialize()
method creates a text string in standard URL-encoded notation. It operates on a jQuery object representing a set of form elements. The form elements can be of several types:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
|
|
The .serialize()
method can act on a jQuery object that has selected individual form elements, such as <input>
, <textarea>
, and <select>
. However, it is typically easier to select the <form>
tag itself for serialization:
1
2
3
4
|
|
This produces a standard-looking query string:
1
|
|
Warning: selecting both the form and its children will cause duplicates in the serialized string.
Note: Only "successful controls" are serialized to the string. No submit button value is serialized since the form was not submitted using a button. For a form element's value to be included in the serialized string, the element must have a name
attribute. Values from checkboxes and radio buttons (input
s of type "radio" or "checkbox") are included only if they are checked. Data from file select elements is not serialized.
Example:
Serialize a form to a query string, that could be sent to a server in an Ajax request.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
|
|