Estoy tratando de crear una página web que tiene enlaces en una tabla que están vinculadas a modales que aparecen cuando se presionan. Sin embargo, estos enlaces se agregan usando Jquery
$("table").append('<tr><td><a href="#exampleModal" data-bs-toggle="modal" data-bs-target="#exampleModal">' + ID +"</a></td><td>" + lastName + "</td><td>" + firstName + "</td> <td>" + Course + "</td><td>" + Average + "</td></tr>");cuando se agregan por primera vez a la tabla, los modales de la tabla y el enlace están bien, pero cuando se vuelve a cargar la página, el código adjunto pierde parte de su texto
de:
a:
¿hay alguna forma de arreglar esto? Mi primer pensamiento inicial es sobrescribir el html de la página anterior al actual, pero creo que esto es bastante ineficiente y estoy seguro de que hay formas más eficientes de hacer esta funcionalidad.
No creo que puedas lograr esto simplemente usando JS. Tendrás que confiar en algún mecanismo de almacenamiento. Porque estamos lidiando con recargas de página.
Lo más probable es que se beneficie de almacenar los datos html justo antes de su acción de recarga para recuperarlos después de recargar la página.
Puede almacenar la información en una base de datos, como una cookie, como una variable de sesión o incluso en un archivo txt y luego recuperar (y opcionalmente eliminar) los datos en la recarga de la página.
Como mencionó Umendra, esto se debe a que estamos lidiando con una recarga de página.
Otra opción podría ser enviar los datos como datos de formulario usando php POST a uno mismo (aunque sé que su operador no menciona ni etiqueta php)
<form action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]); ?>" method="post">Luego recuerda en la publicación usando
<?php echo $_POST['namevaluefromform'] ?>