Today, I’m going to teach you how to get form data as a string of encoded key/value pairs. This is useful when you want to submit a form with Ajax or save the data for use later.
A helper function The serialize() helper function makes this really easy. Pass in the form element, and it spits out a string for you.
var form = document.querySelector('#my-form'); var formData = serialize(form); // Logs something like this: // name=Mike%20Wazowski&address=123%20Scare%20Avenue%2C%20Monstropolis&email=mikew%40monstersinc.