[SOLUCIONADO] Ajax me envia 2 veces el mismo formulario

[ebalmaceda]

Buenas, tengo un formulario que lo envio con ajax. Todo muy basico, pero tengo algo mal porque cuando le doy al boton enviar me lo envia dos veces.
Es decir, es como si precionara dos veces seguidas al boton enviar, pero lo preciono solo una.
Aca el codigo:

Código HTML:

        <form action="script.php" method="get" id="formularioDeBusqueda">


			<input type="hidden" name="ultimoID" id="ultimoID" value="0" />
			<input type="hidden" name="borrarMarcadoresDelMapa" id="borrarMarcadoresDelMapa" value="1" />

			<label>Palabras:</label>
			<input type="text" name="palabrasABuscar" id="palabrasABuscar" value="{CAMPO-PALABRAS}" placeholder="nombre del lugar, rubro, etc..." />
            <!--           
			<label>Dirección:</label>
			<input type="text" name="direccionABuscar" id="direccionABuscar" value="{CAMPO-DIRECCION}" placeholder="calle y número"/>
				-->							
			<div align="center"><input type="submit" value="Buscalo y Encontralo" name="enviar" id="enviarFormularioDeBusqueda"  /></div>
                           
		</form>

		<script>
		$(document).ready(function() 
		{	
		    $('#formularioDeBusqueda').submit(function() 
			{
				//Muestro el mensaje de "cargando"...
				$('#cargandoFormularioDeBusqueda').css("display", "inline");
				
        		$.ajax({
            		type: 'GET', //Forma de envio del formulario...
            		url: $(this).attr('action'), //Esto es el action del formulario...
            		data: $(this).serialize(), //Lo puedo poner asi: data: 'accion.php',
            		success: function(data) 
					{
                		//El ID del div donde se carga el resultado del .php
//Aca use append para verificar que el formulario se enviaba dos veces...
						$('#mensajeDelSistemaAlBuscar').append(data);			
						
						//Borro el mensaje de "cargando"...
						$('#cargandoFormularioDeBusqueda').css("display", "none");	
						
						return false;				
					}
        		})		
				return false;
    		});		
		})  
	</script>  

[Alexis88]

Prueba cancelando el envío con el método event.preventDefault en lugar de retornar false.

Código Javascript:

$("#formularioDeBusqueda").submit(function(event){
    event.preventDefault(); //Cancelo el envío
 
    $.ajax({
        url: $(this).prop("action"),
        type: $(this).prop("method"),
        data: $(this).serialize(),
        beforeSend: function(){
            $('#cargandoFormularioDeBusqueda').show();
        },
        success: function(data){
            $("#cargandoFormularioDeBusqueda").hide();
            $("#mensajeDelSistemaAlBuscar").append(data);
        }
    });
});
 

Saludos

[ebalmaceda]

Buen dia! Gracias por la respuesta. Lamentablemente no funciona, sigue enviando doble el formulario.
El problema, lo tengo con la libreria JQUERYMOBILE, porque cuando la elimino ya no tengo ese problema. Envia el formulario una sola ves.

Que podra ser???

[Alexis88]

Quizá, en alguna parte del resto de código que no nos muestras, está la clave.

Saludos

[ebalmaceda]

Es que no hay mas codigo... Poque elimine todo y deje solo el formulario.
Segun lei por ahi, dicen que JqueryMobile viene por defecto activado el Ajax para los formularios, pero aunque lo desactivo poniendo data-ajax="false", sigo con el error.

Lo que sucede es que se envia el formulario dos veces, pero si quito la libreria Jquery mobile (dejando la libreria Jquery normal) esto no pasa y el formulario se envia una sola ves.

[Alexis88]

Échale un ojo a esto.

Saludos

[Djoaq]

Usa :
Tu evento click , submit,etc...Function(e){
e.preventDefault();
e.stopImmediatePropagation();

El resto de tu código....
}

[ebalmaceda]

Funciona!!!!! Mil gracias a todos los que colaboraron, perdi una semana tratando de solucionar este error.
Gracias!!