Estoy trabajando en el proyecto php,

Tengo 2 páginas, los datos se sincronizan entre páginas usando XMLHttpRequest.

Cuando hago clic en el botón en la primera página, se actualiza el dom en la segunda página.

tengo esta funcion:

 function getAlertes(popup) { var xmlhttp = new XMLHttpRequest(); xmlhttp.onreadystatechange = function() { //Action en réponse de la requête if (this.readyState == 4 && this.status == 200) { if (popup) { document.getElementById("popup-container").innerHTML = this.responseText; } else { document.getElementById("listAlertes").innerHTML = this.responseText; } toggleListInvisible(); } }; // Préparation et envoi de la requête au serveur xmlhttp.open("GET", "../../private/controller/action_list_alertes.php?popup=" + popup, true); xmlhttp.send(); }

Este script js permite agregar un div cada vez que se hace clic en un botón:

¿Cómo puedo recuperar los datos cada vez que se detecta un XMLHttpRequest en la página de destino?

Intenté esto:

 function getAlertes(popup) { var xmlhttp = new XMLHttpRequest(); xmlhttp.onreadystatechange = function() { //Action en réponse de la requête if (this.readyState == 4 && this.status == 200) { if (popup) { document.getElementById("popup-container").innerHTML = this.responseText; const audio = new Audio("../audio/BELLDoor_Doorbell.wav"); audio.play(); } else { document.getElementById("listAlertes").innerHTML = this.responseText; } toggleListInvisible(); } }; // Préparation et envoi de la requête au serveur xmlhttp.open("GET", "../../private/controller/action_list_alertes.php?popup=" + popup, true); xmlhttp.send(); }

necesito reproducir sonido cuando el dom se actualiza en este caso, el sonido se reproduce para cada XMLHttpRequest.