3

Estoy trabajando en una página, donde puede verse un detalle de un ''producto'', pero además de eso, se le puede añadir cierta información (para hacerlo, se hace click en un botón, que abre un nuevo tab con el formulario correspondiente)

Me gustaría, que al finalizar de llenar el segundo formulario, enviarlo, y validar que todo fué correcto, refrescar el tab original (el que abrió este formulario) para que aquí mismo se plasme la información nueva que fué añadida.

He buscado bastante en SO, y no he encontrado mucha información.

¿Es esto posible?

2
  • 1
    Hace tiempo tuve un bug que te puede ayudar, esto era, con variables globales, entonces lo que se guardaba en un tab se populaba en todos, pero no te recomiendo el uso de variables globales.Por otro lado, he encontrado esto que igual te da alguna idea de por donde tirar: stackoverflow.com/questions/31917753/…
    – Iria
    el 20 ene. 2020 a las 11:47
  • @IriaPoncelaBlanco muchas gracias por la idea, ahí le pegué una mirada, voy a tenerla en cuenta! el 20 ene. 2020 a las 11:52

1 respuesta 1

2

Si tienes que pasar información puedes usar el localStorage


Si no tienes que pasar ningún tipo de información puedes usar BroadcastChannel o SharedWorker

BroadcastChannel no es compatible con IE ni con Safari

Tab 1:

<button>Abrir tab</button>
<script type="text/javascript">
    var ch = new BroadcastChannel('nombreCanal');
    ch.addEventListener('message', function (e) {
        if(e.data =="refresh"){
            refresh(); //Tu función para refrescar
        }
    });
</script>

Tab 2:

//Despues de validar que todo esta ok (success)
var ch = new BroadcastChannel('nombreCanal');
ch.postMessage('refresh');

Fuente: Communication between tabs or windows

1
  • Muchas gracias, es exactamente lo que estaba buscando! el 20 ene. 2020 a las 12:47

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.