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>