Foros del Web » Programando para Internet » Javascript » Frameworks JS »

cargar ajax y enviar formulario

Estas en el tema de cargar ajax y enviar formulario en el foro de Frameworks JS en Foros del Web. el problema que tengo es el siguiente: tengo una funcion en ajax el cual llamo a un archivo php dentro de esa funcion, antes de ...
  #1 (permalink)  
Antiguo 06/01/2012, 17:49
 
Fecha de Ingreso: junio-2011
Mensajes: 59
Antigüedad: 13 años, 4 meses
Puntos: 0
cargar ajax y enviar formulario

el problema que tengo es el siguiente:
tengo una funcion en ajax el cual llamo a un archivo php dentro de esa funcion, antes de mostrar mi resultado le muestro al usuario una imagen simulando qe esta cargando su peticion, pero resulta que debajo de ese imagen que ace la simulacion esta un boton tipo submit, el problema radica en lo siguiente, el cliente puede darle clic al boton y se envia el formulario pero lo envia vacio ya que no espero que termine de quitarse la imagen de cargando. mi pregunta es la siguiente como puedo evitar que cuando este la imagen de cargando y le quiera dar al boton en ese momento le mande un aler indicandole que tiene que espera que se cargue la informacion y al terminar la simulacion ya le puede dar click y enviar la info de ese formulario

Código Javascript:
Ver original
  1. function cotiza(){
  2.  
  3.         if($("#fhInicio").val() == $("#fhFin").val() && $("#fhInicio").val()!="" && $("#fhFin").val()!="") {
  4.             showError("You can't select the same dates");
  5.         }else{
  6.             $("#error").slideUp(150);
  7.             divRes = $("#muestra_precio");
  8.             datos = "consulta=cotiza1";
  9.             datos += "&fhInicio="+$("#fhInicio").val();
  10.             datos += "&fhFin="+$("#fhFin").val();
  11.             datos += "&pickUp="+$("#pickUp").val();
  12.             datos += "&id_auto="+$("#id_auto_seleccionado").val();
  13.             datos += "&categoria="+$("#categoria").val();
  14.             datos += "&hrInicio="+$("#hrInicio").val();
  15.             datos += "&hrFin="+$("#hrFin").val();
  16.             //alert(datos);
  17.             if($("#fhInicio").val()!="" && $("#fhFin").val()!=""){
  18.                 img = "<img src='img/loadPrecio.gif' style='margin:30px 0 0 30px'/>";
  19.                 divRes.html(img);
  20.                 $.ajax({
  21.                     type: "POST",
  22.                     data: datos,
  23.                     url: "consultas/consultasFlotas.php",
  24.                     success: function(msj){
  25.                         divRes.html(msj);
  26.                     },
  27.                     error: function(request, error) {
  28.                         $(".blockUI").html("<div id='errorJS'>ERROR " +request.status + request.responseText+"<div>");
  29.                     }
  30.                 });
  31.             }
  32.  
  33.         }/*---- FIN DEL ELSE */
  34.  
  35.     }
  #2 (permalink)  
Antiguo 09/01/2012, 06:50
Avatar de maycolalvarez
Colaborador
 
Fecha de Ingreso: julio-2008
Ubicación: Caracas
Mensajes: 12.120
Antigüedad: 16 años, 3 meses
Puntos: 1532
Respuesta: cargar ajax y enviar formulario

una de dos:

o desactivas el botón mientras cargas y lo vuelves a activar al terminar

o seteas una variable global (cargando = true) y con ella verificas en el botón para enviar el mensaje.
__________________
¡Por favor!: usa el highlight para mostrar código
El que busca, encuentra...

Etiquetas: ajax, formulario, funcion, html, js, php, botones
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 19:45.