Hola estoy tratando de hacer que un boton generado por AJAX lleve a cabo un evento y que me muestre algo por pantalla, pero no se como hacerlo
En este código es la petición Ajax que hace al servidor,
case "Carlo Sebastian":
$.ajax({
url: '../controllers/listarLicitaciones.php?nombre=Carlo Sebastian',
type: 'GET',
success: function(response) {
if (response) {
let respuestas = JSON.parse(response)
console.log(respuestas);
let template = '';
respuestas.forEach(respuesta => {
template += `<tr id="${respuesta.id}">
<td>${respuesta.nombre}</td><td>${respuesta.ofertante}</td>
<td>${respuesta.estado}</td><td>${respuesta.ejecutor}</td>
<td>${respuesta.limite}</td><td><a href="${respuesta.link}" target="_blank">enlace</a></td><td><button id="click" type="button" class="pasar-fase btn btn-danger">Pasar a Presentacion</button></td></tr>`
});
$('#licitaciones').html(template);
} else {
document.getElementById('contendor').innerHTML = '<img src="../resources/defecto.png" class="h-50 w-50"><button type="Button" id="seguimiento2">Seguimiento de las obras</button>';
}
},
error: function() {
console.log('Query no Funciona');
}
});
como pueden ver si el nombre es el correcto, hará la petición ajax, que en pocas palabras busca datos y luego los imprime en una pantalla, si no puede le añade una imagen al contenedor padre, y este es el código para que el botón envie una peticion al servidor y vuelva la tabla con datos de las obras solicitadas
$('#seguimiento2').on('click', function() {
$.ajax({
url: '../controllers/seguimiento.php',
type: 'GET',
success: function(response) {
if (response) {
document.getElementById('contendor').innerHTML = `
<table class="table">
<thead>
<tr>
<td><p class="h4">Nombre de la licitacion</p> </td>
<td><p class="h4">Ofertante</p></td>
<td><p class="h4">Estado</p></td>
<td><p class="h4">Ultimo Ejecutor</p></td>
<td><p class="h4">Fecha Limite</p></td>
<td><p class="h4">Participantes</p></td>
<td><p class="h4">Link de la Licitación</p></td>
</tr>
</thead>
<tbody id="licitaciones">
</tbody>
</table>`;
let respuestas = JSON.parse(response)
console.log(respuestas);
let template = '';
respuestas.forEach(respuesta => {
template += `<tr id="${respuesta.id}">
<td>${respuesta.nombre}</td><td>${respuesta.ofertante}</td>
<td>${respuesta.estado}</td><td>${respuesta.ejecutor}</td>
<td>${respuesta.limite}</td><td><a href="${respuesta.link}" target="_blank">enlace</a></td><td><button id="click" type="button" class="pasar-fase btn btn-danger">Terminar</button></td></tr>`
});
$('#licitaciones').html(template);
$('#seguimiento2').hide();
$('#vuelta').show();
} else {
document.getElementById('contendor').innerHTML = '<img src="../resources/defecto.png" class="h-50 w-50">';
}
},
error: function() {
console.log('Query no Funciona');
}
});
});
Llevo dándole muchas vueltas a esto, por favor ayuda