[ Foro de Javascript ]

JS no se ejecuta después de AJAX

10-Feb-2022 00:56
lucho siempre
0 Respuestas

Hola!

Estoy creando una página y vengo animándome a más, al menos para mí.

Tengo una página que contiene una tabla, con datos cargados de la base de datos y la opción EDITAR (en este caso, el usuario seleccionado en la fila).

Al hacer clic en EDITAR, se abre un MODAL con todos los datos del usuario para editar. Para lograr esto hago uso de AJAX.

El problema? Al cargar una página en un modal con AJAX, ciertas funciones de JS no se ejecutan, como por ejemplo, activar/desactivar botones, poner en mayúsculas los inputs, entre otras.

Si la página la utilizo fuera del modal, sin AJAX, todo funciona. Pero si llamo al modal mediante AJAX, no... ¿qué debería ver en mi código? He leído que debo hacer que "se interprete las acciones" para luego ejecutar las funciones... pero no logro el objetivo.

Con este código cargo el modal

function usuario_editar(id_editar) {
$.ajax({
   type: 'POST',
   url: '../head_menu/usuarios_edicion.php',
   data:{id:id_editar},
   success: function(data) {
       $('#modal_usuario_edicion .modal-body').html(data);
   }                        
});
}  

Una de las funciones de JS que no se ejecuta en el modal:

function habilitar_btn_actualizar_usuario_edit() {
   var txt0dni = document.getElementById('txt_dni').value;
   var txt0apellidos = document.getElementById('txt_apellido').value;
   var txt0nombres = document.getElementById('txt_nombre').value;
   if (txt0dni && txt0apellidos && txt0nombres) {
       document.getElementById('btn_actualizar').disabled = false;
   } else {
       document.getElementById('btn_actualizar').disabled = true;
   }
}

Agradezco la ayuda...




(No se puede continuar esta discusión porque tiene más de dos meses de antigüedad. Si tienes dudas parecidas, abre un nuevo hilo.)