Skip to main content
Relanzada por el usuario Comunidad
Relanzada por el usuario Comunidad
Relanzada por el usuario Comunidad
Relanzada por el usuario Comunidad
Relanzada por el usuario Comunidad
Relanzada por el usuario Comunidad
Relanzada por el usuario Comunidad
Relanzada por el usuario Comunidad
Relanzada por el usuario Comunidad
etiquetas editadas
Enlace
user13558
user13558
Relanzada por el usuario Comunidad
Relanzada por el usuario Comunidad
se añadieron 1472 caracteres en el cuerpo
Origen Enlace
JDavid
  • 1.4k
  • 8
  • 29
  • 57

Uso datatable para listar unos datos traídos desde una base de datos el cual tengo un botón para editar, que al oprimir me muestra una ventana modal, el cual busco la forma que apenas se actualizo se actualice esa tabla sin tener que recargar la pagina..
intente en el DONErealizar nuevamente un ajax para listar los datos pero me los duplica..¿que alternativa puede existir para que apenas actualice ese dato no tenga que oprimir f5 y ni usar window.location en javascript?
  

CODIGO **ASI ES COMO LISTO LOS DATOS EN EL DATATABLE**

 
 table_students= $('#table').DataTable({             
    
                        "columnDefs": [
                            {
                                "targets": [ 0 ],
                                "visible": false,
                                "searchable": false
                            },                  
                        ],
    
                    });
    
    $.ajax({
                    url: 'list_students',
                    type: 'POST',
                })
            .done(function(response)
            {
                var answer= $.parseJSON(response);
            
                for (var i = answer.length - 1; i >= 0; i--) 
                {
                    var rowNode = table_students
                    .row.add([
                                answer[i].stu_id,
                                answer[i].stu_nombre,
                                answer[i].stu_apellido,
                                answer[i].stu_correo,
                                '<center><button type="button" name="updatestudent" id="updatestudent" class="btn btn-warning"></button>',                              
                            ])                     
                        .draw()
                    .node();
                }
            })
            .fail(function() {
                console.log("error");
            });

**ASI ES COMO ACTUALIZO**
 $("#updatestudent").submit(function() 
            {
                event.preventDefault();
                var data = $(this).serializeArray();
                
                $.ajax({
                    url: 'data_updatestudent',
                    type: 'POST',
                    data: data,
                })
                .done(function(response) {
                    var answer= $.parseJSON(response);
                    if(answer)
                    {
                        $('#ModalUpdate').modal('hide');
                         alert("datos actualizados");
                        
                    }
                    else
                    {
                        alert("error");
                    }
                    
                })
                .fail(function() {
                    console.log("error");
                })          
            });

Uso datatable para listar unos datos traídos desde una base de datos el cual tengo un botón para editar, que al oprimir me muestra una ventana modal, el cual busco la forma que apenas se actualizo se actualice esa tabla sin tener que recargar la pagina..
intente en el DONErealizar nuevamente un ajax para listar los datos pero me los duplica..¿que alternativa puede existir para que apenas actualice ese dato no tenga que oprimir f5 y ni usar window.location en javascript?
  CODIGO

 
$("#updatestudent").submit(function() 
        {
            event.preventDefault();
            var data = $(this).serializeArray();
            
            $.ajax({
                url: 'data_updatestudent',
                type: 'POST',
                data: data,
            })
            .done(function(response) {
                var answer= $.parseJSON(response);
                if(answer)
                {
                    $('#ModalUpdate').modal('hide');
                     alert("datos actualizados");
                    
                }
                else
                {
                    alert("error");
                }
                
            })
            .fail(function() {
                console.log("error");
            })          
        });

Uso datatable para listar unos datos traídos desde una base de datos el cual tengo un botón para editar, que al oprimir me muestra una ventana modal, el cual busco la forma que apenas se actualizo se actualice esa tabla sin tener que recargar la pagina..
intente en el DONErealizar nuevamente un ajax para listar los datos pero me los duplica..¿que alternativa puede existir para que apenas actualice ese dato no tenga que oprimir f5 y ni usar window.location en javascript? 

**ASI ES COMO LISTO LOS DATOS EN EL DATATABLE**

 table_students= $('#table').DataTable({             
    
                        "columnDefs": [
                            {
                                "targets": [ 0 ],
                                "visible": false,
                                "searchable": false
                            },                  
                        ],
    
                    });
    
    $.ajax({
                    url: 'list_students',
                    type: 'POST',
                })
            .done(function(response)
            {
                var answer= $.parseJSON(response);
            
                for (var i = answer.length - 1; i >= 0; i--) 
                {
                    var rowNode = table_students
                    .row.add([
                                answer[i].stu_id,
                                answer[i].stu_nombre,
                                answer[i].stu_apellido,
                                answer[i].stu_correo,
                                '<center><button type="button" name="updatestudent" id="updatestudent" class="btn btn-warning"></button>',                              
                            ])                     
                        .draw()
                    .node();
                }
            })
            .fail(function() {
                console.log("error");
            });

**ASI ES COMO ACTUALIZO**
 $("#updatestudent").submit(function() 
            {
                event.preventDefault();
                var data = $(this).serializeArray();
                
                $.ajax({
                    url: 'data_updatestudent',
                    type: 'POST',
                    data: data,
                })
                .done(function(response) {
                    var answer= $.parseJSON(response);
                    if(answer)
                    {
                        $('#ModalUpdate').modal('hide');
                         alert("datos actualizados");
                        
                    }
                    else
                    {
                        alert("error");
                    }
                    
                })
                .fail(function() {
                    console.log("error");
                })          
            });
Origen Enlace
JDavid
  • 1.4k
  • 8
  • 29
  • 57

¿Como recargar data table al cerrar una modal?

Uso datatable para listar unos datos traídos desde una base de datos el cual tengo un botón para editar, que al oprimir me muestra una ventana modal, el cual busco la forma que apenas se actualizo se actualice esa tabla sin tener que recargar la pagina..
intente en el DONErealizar nuevamente un ajax para listar los datos pero me los duplica..¿que alternativa puede existir para que apenas actualice ese dato no tenga que oprimir f5 y ni usar window.location en javascript?
CODIGO

$("#updatestudent").submit(function() 
        {
            event.preventDefault();
            var data = $(this).serializeArray();
            
            $.ajax({
                url: 'data_updatestudent',
                type: 'POST',
                data: data,
            })
            .done(function(response) {
                var answer= $.parseJSON(response);
                if(answer)
                {
                    $('#ModalUpdate').modal('hide');
                     alert("datos actualizados");
                    
                }
                else
                {
                    alert("error");
                }
                
            })
            .fail(function() {
                console.log("error");
            })          
        });

Agradeceria el interes.