Fetch + Axios 400 Errors WP

[ad_1]

Basic Form

`<form id=”theform”>`
`<input type=”text” name=”fname”>`
`<input id=”email” type=”text” name=”email”>`
`<input type=”hidden” name=”action” value=”add_user_details_hook”>`
`<button type=”submit”>Submit</button>`
`</form>`

Get form Data and submit on submit.

let form = document.forms[0];
const data = new URLSearchParams(new FormData(form));
const OtherData = new FormData(form);
form.addEventListener(‘submit’, function(e){
e.preventDefault();
fetch(‘/wp-admin/admin-ajax.php’, {
method: ‘post’,
body: data
})

My formData is empty.
using formData or OtherData as in example \^\^
I have even used iteration over it to see the keys as others suggested:

`for (var [key, value] of formData.entries()) { console.log(key, value); }`

Returns no values.

Pulling my hair out with this one any ideas?!

[ad_2]