Creé un DIV que carga un archivo de texto. El objetivo es actualizar el archivo de texto y que la salida se muestre correctamente en el navegador. Funciona; sin embargo, cuando actualizo el archivo de texto, el contenido no se muestra en el navegador hasta que hago ctrl-F5 para actualizar la página.
<div id="outage"><object width=475 data="outage.txt"></object></div>¿Cómo puedo actualizar el DIV o el OBJETO para mostrar correctamente los datos en el archivo de texto?
Creo que eso es lo que quieres decir? Ajax se puede utilizar en este proceso. Si desea que lo que se ha escrito en el archivo se mueva al 'div' inmediatamente después de 'guardar', entonces no creo que sea posible hacerlo, excepto por back-end
<div id="outage"> <object width=475 data="outage.txt"></object> </div> <button class="bttn">Update</button> <script> document.querySelector(".bttn").addEventListener("click", (e) => { e.preventDefault() document.querySelector('#outage').innerHTML = ""; document.querySelector('#outage').innerHTML = `<object width=475 data="outage.txt"></object>`; }); </script>