𝗙𝗼𝗿𝗺𝘂𝗹𝗮𝗿𝗶𝗼𝘀 𝗱𝗲 𝘃𝗮𝗿𝗶𝗼𝘀 𝗽𝗮𝘀𝗼𝘀 𝘀𝗶𝗻 𝘀𝗼𝗯𝗿𝗲𝗰𝗮𝗿𝗴𝗮
La mayoría de los formularios utilizan el método POST. Pocas personas utilizan el método GET. GET añade datos al final de tu URL.
Usa GET para pasar datos entre páginas. No necesitas un backend para almacenar datos. No necesitas Javascript para mostrar u ocultar campos. Utiliza las funciones integradas del navegador.
- Construye tu formulario con páginas estáticas.
- Usa los datos de la cadena de consulta (query string) para la lógica.
- Muestra campos específicos basados en respuestas anteriores.
Usa este script para pasar datos a través de las páginas. Crea campos ocultos a partir de la URL.
window.onload = function() { var querystring = window.location.href.split('?')[1]; var parameters = querystring.split('&');
for(i = 0; i < parameters.length; i++) { var pair = parameters[i].split('='); var hiddenfield = document.createElement("input"); hiddenfield.type = "hidden"; hiddenfield.name = pair[0]; hiddenfield.value = pair[1]; document.forms[0].appendChild(hiddenfield); } };
Envía los datos finales a tu servidor con una solicitud POST al final. Los datos permanecen en el navegador.
Ten en cuenta estos puntos:
- Los datos se muestran en la URL.
- No uses esto para contraseñas.
- Los usuarios podrían compartir las URLs con sus datos.
Fuente: https://dev.to/ovidem/multi-step-form-without-the-overhead-5bjc