Не совсем понял твою задумку, но могу предложить это реализовать через XHR, также возможно через fetch
Также не совсем понял смысл переменной actionUrl с один аттрибутом которая по-видимому просто получает аттрибут action у формы, и вставляет условно "GET" в параметр url куда надо отправлять запрос
document.querySelector("#idForm").addEventListener("submit", event => {
event.preventDefault() // avoid to execute the actual submit of the form.
const form = document.forms.idForm;
const reqURL = "https://jsonplaceholder.typicode.com/users/1"
const actionURL = form.getAttribute("action", )
console.log(actionURL);
return new Promise((resolve, reject) => {
let ajax = new XMLHttpRequest()
ajax.open(actionURL, reqURL)
ajax.responseType = "json"
const data = ajax.send(new FormData(form)) // serializes the form's elements.
ajax.onload = () => {
if (ajax.status >= 400) {
reject(ajax.response)
} else {
resolve(alert(data)) // show response
}
}
})
})