La manera en como realizo ajax con jquery es la siguiente.
java
$(function(){ $("#form-reg-ano").submit(function(){ $("#resultado-ano").ajaxStart(function(){ $("#resultado-ano").html("<img src='../img/cargar.gif'/>"); }); $.ajax({ type:'POST', url:'../php/sw_operador.php', data:$('#form-reg-ano').serialize(), success: function(data){ $("#resultado-ano").html(data); } }); return false; }); });
El problema con esto es que en un mi archivo php tengo mas de 3 formularios....y cada uno tiene su funciones ajax como la presentada previamente.
Entonces cuando ejecuto en el php el envio de los formularios, se ecjecutan los ajaxstart de todos los formularios... No se mi me logran entender.
Haber, Tengo un php donde tengo varios formularios...luego un js llamado ajax q manda los formuarlios a unos php, listo, cada vez q yo ejecuto en formulario, los demas comienzan a correr la imagen de cargando del ajaxstart. $("#resultado-ano").ajaxStart(function(){
$("#resultado-ano").html("<img src='../img/cargar.gif'/>");
});
Esta es la razon pro al q no utilizo Document.ready function, porq se ejecutarian todos los ajax al mismoto tiempo y seria una locura, entonces utilizo solo $(function(){}), pero el problema con ese es, el q les comento,
Q mi imagen de cargando se activa al mismo tiempo en todos los formularios, asi los div esten en display none, cuando los abro estan corriendo las imagenes.
Bueno espero me halla hecho entender, el problema q tengo, sino es asi tratare de subir el problema a un servidor gratuito.