JS formData.append does nothing

Question

So, when i try to append a data to a formData, it does nothing. Js code:

document.querySelector("#regForm").addEventListener('submit', e => {
    e.preventDefault();
    let username = document.querySelector("#username").value;

    let formData = new FormData();
    formData.append('username', 'username');
    console.log(formData)
    
    const request = new XMLHttpRequest();
    request.open("POST", '/register');
    request.send(formData);
})

Can you help me? Thanks!

Edit: Screenshot

So, i append the data and console.log it. And the console says that: FormData: {} — Rezso, Oct 01 '22 at 06:34
As Ankit jain says, `console.log(formData.get('username'));` works — K Scandrett, Oct 01 '22 at 06:38
I don't use VS Code, but it looks like you're running an old version of the code. It looks like you didn't stop the server and start it again after the code change. — K Scandrett, Oct 01 '22 at 06:46
Its the newest, and its running with nodemon but it works now thanks! — Rezso, Oct 01 '22 at 06:47

score 1 · Answer 1 · answered Oct 01 '22 at 06:26

1

check this formData.get('username') // "username" it is working

answered Oct 01 '22 at 06:26

Ankit jain

11
1

I check it already, its working. – Rezso Oct 01 '22 at 06:34

score 0 · Accepted Answer · answered Oct 01 '22 at 06:41

You can use FormData.entries

Since FormData.entries return iterator

You can transform it to array using spread operator

If you want the result to be object you need to use the reduce function

const formData = new FormData()

formData.append('username', 'username')
formData.append('password', 'password')

const result = [...formData.entries()].reduce((acc, val) => {
  acc[val[0]] = val[1]

  return acc
}, {})

console.log(result)

JS formData.append does nothing

2 Answers2