2

alguien sabe como puedo hacer para que despues de terminar una actualizacion via modal pueda recargar elementos del dom sin necesidad de recargar la pagina?

ejemplo:

 $("#editzact-form").ajaxForm({
    beforeSubmit: function(arr, $form, options) {

    },
    success: function(data) {
        if (data['estado'] == 'error') {
            alerta('error', data['salida']);
        } else {
            alerta('exito', data['salida']);
            $('#modalEditActualizacion').modal('hide');
            //AQUI QUIRO ACTUALIZAR
            $('#root').reload();
        }
    },
    error: function(jqXHR, textStatus, errorThrown) {
        console.error('Error: ' + textStatus, errorThrown);

    }
});

donde no quiero usar innerHtml, .html, .append para insertar lo nuevo actualizado solo que se haga un reload al elemento porque ya php mostrara lo nuevo actualizado por medio de echo

1 respuesta 1

2

Prueba con el código siguiente:

...
//AQUI QUIERO ACTUALIZAR
$('#root').load(location.href + " #root>*", "");
...

Esto recargará los elementos hijos de #root sin necesidad de recargar toda la página.

3
  • Genial si lo hace pero veo que me quita los tooltips quizas tenga que volver a inicializar o puede haber otro problema con los scr de mis archivos?
    – joseph
    Commented el 6 jun. a las 16:56
  • Sí, tienes que volver a inicializarlos después de la recarga.
    – PsychoMx
    Commented el 6 jun. a las 16:58
  • 1
    Listo con esto quedo: $('#root').load(location.href + " #root>*", function(){ $('[data-bs-toggle="tooltip"]').tooltip(); }); Muchas gracias por tu ayuda.
    – joseph
    Commented el 6 jun. a las 17:08

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.