load a table without refreshing page

1

Good as I can update my table, before I only sent my function when I inserted a record and just reloaded it but change dataTable and it does not do that I have to reload the page, I put a console.log and if it enters but does not update I changed my libraries to these and it did not work like before

  <script type="text/javascript" src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
  <script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>


<script type="text/javascript" src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/buttons/1.5.2/js/dataTables.buttons.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.36/pdfmake.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.36/vfs_fonts.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/buttons/1.5.2/js/buttons.html5.min.js"></script>

my function

function cargar_requerido(data)//FUNCION CARGAR DATOS EN LA TABLA
{

    var html = '';
    $('#body_').empty();
    var transcurrido = 0;


var dt = new Date();//TOMAR LA FECHA
var month = dt.getMonth()+1;
var day = dt.getDate();
var year = dt.getFullYear();
var fecha = year + '-' + month + '-' + day;
    for(var i=0; i<data.length; i++)
    {
     var diffTime = moment(fecha).diff(data[i].fecha_registro);//CUENTA LOS DIAS TRANSCURRIDOS DEL DIA DE REGISTRO HASTA LA ACTUAL
            var dias = diffTime/86400000;//DIVIDE EL RESULTADO DE MILISEGUNDOS PARA PASARLOS A DIAS
            console.log(dias);


         var boton = (data[i].ase== '' || data[i].ase == null) ? '<div data-id="'+data[i].id+'" data-nombre= "'+data[i].contacto+'" class="btn btn-primary registrar">Asignar</div>' : data[i].ase;

         html+= '<tr><td class="center">'+data[i].fecha+
            '</td><td class="center">'+dias+
            '</td><td class="center">'+data[i].contacto+
            '</td><td class="center" data-id="'+data[i].id+'">'+boton+ 
            '</td></tr>';
    }
    $('#body').html(html);

  var table = $('#table').DataTable();

  table.destroy();

    $('#table').DataTable( {

           dom: 'Bfrtip',
        buttons: [
            'copyHtml5',
            'excelHtml5',
            'csvHtml5',
            'pdfHtml5'
        ]
    } );
    $('.dataTables_filter input').each(function() {
            $(this).attr("placeholder", "Buscar");
        });


}
    
asked by Juan Jose 27.10.2018 в 02:15
source

0 answers