Mi problema es que tengo una etiqueta que necesito que llame una ventana modal que muestre un pdf que tengo alojado en una bd según el id de cada etiqueta que le corresponda.
Mi etiqueta es esta
$query = mysqli_query($db, "SELECT * FROM documentos WHERE id_tipo_doc = 1");
while($ro = mysqli_fetch_array($query)){
echo "<a href='#' onclick='modales(".$ro['id'].")' class='alado' id='ver-pdf' data-target='#modal' data-toggle='modal'><i class='fas fa-file-pdf'></i> ".$ro['nombre']."</a>";
}
insertaría el modal aqui
<div id="mod" class="modal fade" role="dialog"></div>
y el código para hacer la petición
<script type="text/javascript">
$( document ).ready(function() {
// Asociar un evento al botón que muestra la ventana modal
function modales(id) {
$.ajax({
// la URL para la petición
url : 'modalpdf.php',
// la información a enviar
data : { 'fac' : id},
// especifica si será una petición POST o GET
type : 'GET',
// el tipo de información que se espera de respuesta
dataType : 'html',
// código a ejecutar si la petición es satisfactoria;
success : function(respuesta) {
$('#mod').html(respuesta);
},
// código a ejecutar si la petición falla;
error : function(xhr, status) {
alert('Disculpe, existió un problema');
},
});
};
});
</script>
este es el modal
div class="modal fade" id="mod">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="mod">nuevo</h4>
</div>
<div class="modal-body">
Mi modal
</div>
<div class="modal-footer">
Footer modal
</div>
</div>
</div>
data-target='#modal'
no debería serdata-target='#mod'
? El id de tu modal esmod