Utilicé el método de carga de jquery para actualizar la tabla después de la solicitud de publicación de ajax y funciona bien por primera vez y después de cargar el div la próxima vez que intento enviar la solicitud de ajax nuevamente, no actualiza el div y los eventos obligan a no funcionar sin recargar la página completa .

// publicar solicitud para agregar canonical

 $('#addCanonical').click(function(e){ e.preventDefault(); $('#exampleModal1 .modal-title').html('Edit Canonicals'); $('#exampleModal1 form input').attr('value','canonical'); $('#exampleModal1 form input').css('pointer-events', 'none'); $('#modal-btn1').click(); $('#exampleModal1 form').submit(function(e){ e.preventDefault(); let formData = $(this).serialize(); $.ajax({ type:'post', url:'https://awarno.com/ajax.php', data:formData+"&addSeo=true&pid=<?php echo $ref_id ;?>&page=<?php echo $page ;?>", success:function(res){ console.log('form add seo'); $('#exampleModal1 form input').css('pointer-events', 'all'); $('.btn-close').click(); $('#seo-table-ref').load(location.href + " #seo-table-ref"); } }); });