HTML - Mandar datos de un form a otra pagina

 
Vista:
Imágen de perfil de saira

Mandar datos de un form a otra pagina

Publicado por saira (1 intervención) el 26/04/2023 17:11:11
buen dia, me pidieron realizar un proyecto en el que se crea un formulario en una pagina web, los datos se almacenan en una base de datos (usando local storage), hasta este punto todo va bien pero se quieren mandar esos mismo registros a otra pagina (como un historial de registros que se [ueda accesar rapido) la verdad no tengo idea de como mandar los registros a una pagina diferente del formulario, espero puedan ayudarme


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
<script>
    Swal.fire({
        position: 'top-end',
        icon: 'success',
        title: 'Has guardado un registro',
        showConfirmButton: false,
        timer: 1500
    })
</script>
 
    <div>
        <label>Auditor</label>
        <asp:dropdownlist runat="server" id="ddlAuditor"></asp:dropdownlist>
 
    </div>
    <div>
        <label>Tablet</label>
        <asp:dropdownlist runat="server" id="ddlTablet"></asp:dropdownlist>
 
    </div>
    <div>
        <label>Bateria</label>
        <asp:TextBox ID="txtBateria" runat="server"></asp:TextBox>
    </div>
    <div>
        <label>Cargador </label>
        <asp:TextBox ID="txtCargador" runat="server"></asp:TextBox>
    </div>
    <div>
 
 
        <center>
        <asp:Button ID="btnEnCarga" OnClick="btnEnCarga_Click" Font-Size="Large" CssClass="btn btn-green" runat="server" Text="En carga" />
        <asp:Button ID="btnEnUso" OnClick="btnEnUso_Click" Font-Size="Large" runat="server" CssClass="btn btn-warning" Text="En uso" />
            </center>
    </div>
 
<table id="listado" class='hide'>
    <thead>
        <th>Auditor</th>
        <th>Tablet</th>
        <th>Movimiento</th>
        <th>Eliminar</th>
    </thead>
    <tbody>
    </tbody>
</table>
 
 
<script>
    const inputs = document.querySelectorAll('input[type="text"]');
 
    inputs.forEach(input => {
        input.addEventListener('keyup', () => {
            const textoGuardado = localStorage.getItem(input.id);
            if (textoGuardado) {
                localStorage.removeItem(input.id);
            }
            const texto = input.value;
            localStorage.setItem(input.id, texto);
        });
 
        window.addEventListener('load', () => {
            const textoGuardado = localStorage.getItem(input.id);
            if (textoGuardado) {
                input.value = textoGuardado;
            }
        });
    });
 
</script>
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de Ivan

Mandar datos de un form a otra pagina

Publicado por Ivan (56 intervenciones) el 27/04/2023 11:35:26
Hola,

localStorage guarda los datos para todas las página del mismo origen (dominio y protocolo) que lo crea, de modo que si guardas datos con localStorage.setItem(key, value) en otra página puedes recuperarlos con localStorage.getItem(key).

Los datos guardados en LocalStorage se mantienen disponibles incluso después de cerrar el navegador, por lo que pueden ser accedidos en futuras sesiones del usuario en el mismo navegador.

Si las páginas tienen distinto origen (diferentes subdominios) entonces es mejor usar cookies para comunicarse entre ellas de modo local.

Un saludo!
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
1
Comentar