Estoy trabajando en un proyecto, desde la tabla de datos tengo un botón, cuando el usuario hace clic en él, se abrirá una ventana emergente y mostrará el pdf (que estoy renderizando). Una vez que el usuario cerró el modal, la próxima vez que abra el botón, mostrará los datos anteriores. no es refrescante.

He probado $(this).removeData('bs.modal'); no me funciono

Aquí está mi código modal. ¿Alguna idea de cómo podemos actualizar solo modal?

 <div id="myModal" class="modal fade" role="dialog"> <div class="modal-dialog modal-xl"> Modal content <div class="modal-content"> <div class="modal-header"> Preview <button type="button" class="close" data-bs-dismiss="modal">&times;</button> </div> <div class="modal-body"> <div id="my_pdf_viewer"> <div id="navigation_controls" style="text-align:center"> <button class="btn btn-primary" id="go_previous">Previous</button> <input id="current_page" value="1" min="1" max="5" type="number" /> <button class="btn btn-primary" id="go_next">Next</button> </div> <br /> <div id="zoom_controls" style="text-align:center"> <button class="btn btn-primary" id="zoom_in">Zoom In (+)</button> <button class="btn btn-primary" id="zoom_out">Zoom Out (-)</button> </div> <div id="canvas_container"> <canvas id="pdf_renderer"></canvas> </div> </div> <div> </div> <div class="modal-footer"> <button type="button" class="btn btn-primary" data-bs-dismiss="modal">Close</button> </div> </div> </div> </div>