Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

142
Visualizações
Manejo de formularios SPA con Dataform Javascript - No dejar información de formulario en URL

Estoy trabajando con express, mangosta y JavaScript para crear una aplicación de una sola página. El código funciona, excepto que no quiero mantener la información del formulario en la URL con la solicitud de publicación. Intenté redirigir pero terminó en bucle, creo.

No estoy usando form method="post" porque redirigirá la página y esto es un SPA. Me gustaría no mostrar esto ni redirigir desde la URL a la misma página sin la información de la consulta.

http://localhost:2000/ ?firstName=John&lastName=James&age=40

Este es el formulario (index.html) --

 <form id="formId"> <input type="text" name="firstName"> <input type="text" name="lastName"> <input type="text" name="age"> <button type="submit" onclick="processForm(event)">Save</button> </form>

Aquí está el JS para el manejo de formularios:

 function processForm(event){ var formData = new FormData(document.forms[0]) const queryString = Object.fromEntries( Array.from(formData.keys()).map(key => [ key, formData.getAll(key).length > 1 ? formData.getAll(key) : formData.get(key)])); postData(queryString); } async function postData(data) { fetch('/people', { method: 'POST', headers: {'Content-Type': 'application/json'}, body: JSON.stringify(data), }) .then(response =>response.json()) .then(data => console.log('Success:', data)) .catch((error) => { console.error('Error:', error); }); };
about 4 years ago · Juan Pablo Isaza
1 Respostas
Responde à pergunta

0

Dado que esta es una aplicación SPA y desea manejar el formulario a través de AJAX, debe detener el controlador de formulario predeterminado para la página (que es una redirección).

Puedes hacerlo usando event.preventDefault()

Así que tu código debería verse así:

 function processForm(event){ event.preventDefault(); ...rest of the form handling logic }

Además, probablemente desee utilizar el evento form.onsubmit en lugar del evento button.onclick para enviar los datos.

about 4 years ago · Juan Pablo Isaza Relatório
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda