Estoy desarrollando un proyecto con bootstrap, php pdo y mysql, tengo un datatable que lee desde mysql, tengo un botón que dice "Nuevo Ingreso", ya hace el ingreso pero quiero refrescar o actualizar el datatable para que cargue los nuevos datos sin tener que actualizar toda la pagina.
Cuando haga el nuevo ingreso desde el botón solo se refresque la sección del datatable y muestre el nuevo ingreso.
Por ahora lo hago refrescando toda la pagina con un window.location.href luego de recibir el ok desde el jquery que hizo el ingreso a la base de la nueva fila.
Ya lo carga usando la respuesta de @Maykol-Rivas, pero dejo de funcionar una acción, como veran la tabla tiene los datos y en la ultima columna tiene unas acciones, por ahora esta la accion de "crear historia"
<tr class="odd gradeX">
<td id="pacedula">14</td>
<td>2</td>
<td>3</td>
<td></td>
<td>5</td>
<td class="center">
<li class="glyphicon glyphicon-eye-open"></li>
<li class="glyphicon glyphicon-edit"></li>
<li class="glyphicon glyphicon-remove"></li>
<li class="glyphicon icon-i-outpatient crearhistoria btn"></li>
</td>
</tr>
Que la llamo asi desde el js,
$(document).ready(function() {
cargar_datos();
});
function cargar_datos(){
$.ajax({
url: "php/mod_listar_datos.php",
type: "POST",
data: {opcion:1},
success: function(data) {
// En caso de que se ejecute
$('#tblPacientes > tbody').html(data);
}
});
}
$(".crearhistoria").click(function(){
var $cedula = $(this).closest("tr").find("#pacedula").text();
$.ajax({
url : 'php/mod_cre_his_paciente.php',
type: "POST",
method: "post",
data : "cedula="+ $cedula,
beforeSend: function(){
$('#labelMensajes').fadeIn(250).html('Enviando').delay(2500).fadeOut(250);
},
success:function(v) {
if(v==5){
$('#labelMensajespacientes').fadeIn(250).html('No se ha enviado cedula, intentelo nuevamente').delay(10000).fadeOut(250);
//window.location.href = "ad_docentes.php";
}else if(v==4){
$('#labelMensajespacientes').fadeIn(250).html('Ya se ha creado la histora Clinica del paciente con CI'+ $cedula).delay(5000).fadeOut(250);
}else if(v==3){
$('#labelMensajespacientes').fadeIn(250).html('Se ha creado la histora Clinica').delay(2500).fadeOut(250);
window.location.href="hclinica.php";
}else{
$('#labelMensajespacientes').fadeIn(250).html(v).delay(2500).fadeOut(250);
}
},
error: function() {
$('#labelMensajespacientes').fadeIn(250).html('Error: no se puedo realizar el ingreso').delay(2500).fadeOut(250);
}});});
Pero ahora no logra hacer nada esa función, así lo hacia antes pero con lo que hice ahora no funciona.