jQuery serialize()
.serialize() encodes form fields as a URL query string. .serializeArray() returns an array of objects instead.
jQuery
Beginner
3 min read
Serializing Form Data
Example
// serialize() → "name=Alice&age=30&role=admin"
const qs = $("form").serialize();
// serializeArray() → [{name: "name", value: "Alice"}, ...]
const arr = $("form").serializeArray();
// Convert to plain object
const obj = {};
arr.forEach(item => { obj[item.name] = item.value; }); Pro Tip
serialize() is useful for AJAX GET requests; serializeArray() is better for JSON POST bodies.