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>