Bueno postee esto en AJAX hace algúnos días y nadie me dió solución. Así que lo posteó aca para ver si hayo respuesta ya que el tema se me está saliendo de las manos.
Tengo el código siguiente:
Código HTML:
<script type="text/javascript">
$(document).ready(function() {
$().ajaxStart(function() {
$('#cargando').show();
$('#resultado').hide();
}).ajaxStop(function() {
$('#cargando').hide();
$('#resultado').fadeIn('slow');
});
$('#frm').submit(function() {
$.ajax({
type: 'POST',
url: $(this).attr('action'),
data: $(this).serialize(),
success: function(data) {
$('#resultado').php(data);
}
})
return false;
});
})
</script>
<form id="frm" method="post" action="index.php?page=envio">
<fieldset id="form">
<legend>Póngase en contacto con nosotros</b></legend>
<ol>
<li><label>Nombre:</label><input type="text" name="fname" size="25" /></li>
<li><label>E-mail:</label><input type="text" name="femail" size="25" /></li>
<li><label>Teléfono:</label><input type="text" name="ftelefono" size="25" /></li>
<li><label>Consulta:</label><textarea name="fconsulta" cols="25" rows="4"></textarea></li>
</ol>
<p class="center"><input type="submit" name="submit" class="btn" value="Enviar" /></p>
</fieldset>
</form>
<div id="cargando"></div>
<div id="resultado"></div> Pero que sucede, que se envía el mail y todo pero solo queda cargado el DIV cargando con lo cual se muestra un gif y nunca muestra el mensaje de su mensaje se envió con éxito (que debería desvanecerce el div cargando y aparecer el div resultado), alguien que me pueda ayudar con esto por favor que ya tengo bastante tiempo sin resolverlo.