JAVASCRIPT

add formdata javascript

var formData = new FormData();

formData.append("username", "Groucho");
formData.append("accountnum", 123456); // number 123456 is immediately converted to a string "123456"

// HTML file input, chosen by user
formData.append("userfile", fileInputElement.files[0]);

// JavaScript file-like object
var content = '<a id="a"><b id="b">hey!</b></a>'; // the body of the new file...
var blob = new Blob([content], { type: "text/xml"});

formData.append("webmasterfile", blob);

var request = new XMLHttpRequest();
request.open("POST", "http://foo.com/submitform.php");
request.send(formData);

javascript add data to form

<input type="text" id="example">
<input type="submit" value="Submit" onclick="document.getElementById('example').setAttribute('value','My default value')">

javascript formdata

var form = $('form')[0]; // You need to use standard javascript object here

const oData = new FormData(form);
console.log(oData);