[SOLUCIONADO] problema JQueryAjax para form que todavía no existe

[alyciashape]

Buenos días,

me estoy iniciando en js+ajax que siempre lo había dejado de lado y me encuentro con el siguiente problema.

Tengo una función ajax que me consulta los datos de un pedido y me los muestra en un nuevo formulario.
De ese formulario modifico datos y le doy a actualizar, la idea era que ahí mismo me diga también si se pudo actualizar los datos o no, con ajax.

El problema es que ese formulario no está oculto, sino que simplemente no existe hasta que no se ejecuta la anterior consulta ajax y creo que por eso no funciona. Simplemente me ejecuta el form como cualquier otro. Así es como utilizo los ajax desde JQuery.

Código Javascript:

<script language="javascript">
        $(document).ready(function() {
            $('#loading').hide();
            $().ajaxStart(function() {
                $('#loading').show();
                $('#modifica').hide();
            }).ajaxStop(function() {
                $('#loading').hide();
                $('#modifica').fadeIn('slow');
            });
            $('#formPedido, #formAlbaran, #formFactura').submit(function() {
                $.ajax({
                    type: 'POST',
                    url: $(this).attr('action'),
                    data: $(this).serialize(),
                    success: function(data) {
                        $('#modifica').html(data);
                    }
                })
                
                return false;
            }); 
            $('#formModPedido, #formModAlbaran, #formModFactura').submit(function() {
                $.ajax({
                    type: 'POST',
                    url: $(this).attr('action'),
                    data: $(this).serialize(),
                    success: function(data) {
                        $('#modificaMod').html(data);
                    }
                })              
                return false;
            }); 
        })  
        </script>
 

No se si tendrá que ver con $(document).ready. Tal vez es ese el problema? El primero es el que funciona y el de abajo es el que falla.

Tengo que añadir que la primera consulta ajax antes no me funcionaba, tuve que poner los formularios como hidden y mostrarlos según si se elije pedido, albaran o factura. Antes directamente los generaba según la opción. Es decir que tenía el problema anteriormente citado.

Pero ahora no me queda más remedio que hacerlo así. (O sin ajax claro).

Un saludo y gracias

Vuelvo a editar porque no se si se entenderá bien. Es decir, creo que el problema es que cuando se ejecuta la página el formulario no existe y el document ready de JQuery no encuentra los controles asociados. Luego ese formulario lo genero con ajax+php pero ese nuevo formulario no logro que funcione con un submit vía ajax. No se si hay alguna solución.

[maycolalvarez]

el ready sólo se ejecuta para cuando el DOM está cargado, pero como tu mismo indicas, cuando la cosa viene por AJAX en ése momento No existe, sino hasta que llegue la respuesta, es por ello lo inútil de establecer un evento desde el domready cuando el objeto ni siquiera existe.

lo que puedes hacer es muy simple, tienes opciones:

usar jQueryLive, aunque últimamente los expertos recomiendan no usarlo

establecer el evento en el success, luego de que añades el formulario proveniente de la respuesta, después de allí si existe

[alyciashape]

Gracias maycolalvarez

Entiendo que en lugar de $(document).ready(function() tengo que poner el selector en onSuccess ?

Como pongo que cuando la otra tenga éxito se 'prepare' la otra funcion?

He cambiado la función de sitio y si la pongo con el formulario y genero también el <script> al vuelo funciona también, como era de esperar. Pero no se. Es bastante cutre la solución no?

[emprear]

Iniciado por alyciashape

Gracias maycolalvarez

Entiendo que en lugar de $(document).ready(function() tengo que poner el selector en onSuccess ?

Como pongo que cuando la otra tenga éxito se 'prepare' la otra funcion?

He cambiado la función de sitio y si la pongo con el formulario y genero también el <script> al vuelo funciona también, como era de esperar. Pero no se. Es bastante cutre la solución no?

Por que usar un form inexistente?, crealo, mantenelo oculto con hide(), llenalo con los datos y mostralo
Saludos

[alyciashape]

Porque puede variar mucho su contenido. Bueno, ya lo he solucionado con success. Muchas gracias a ambos.

[maycolalvarez]

Iniciado por alyciashape

Porque puede variar mucho su contenido. Bueno, ya lo he solucionado con success. Muchas gracias a ambos.

bueno, no se si el success general sirva, supongo que es una especie de singleton como en ExtJS, no sé, pero puedes usar el success correspondiente al ajax que usas para mostrar el form