Troca de página MENU e envio de formulario jquery

[Matheus Ragoso 1]

Tenho esse código jquery

<script>
	
	$(document).ready(function(){
		var content = $('#content');
		loading = new Image(); loading.src = 'loading.gif';
		$('.menu').live('click', function( e ){
			e.preventDefault();
			content.html( '<img id="load" src="loading.gif" />' ); 
			var href = $( this ).attr('id');			
			$.ajax({
				url: href,
				success: function( response ){
					window.setTimeout( function(){
						content.fadeOut('slow', function(){
							content.html( response ).fadeIn();
							
						});
					}, 200 );
				}
			});
 
		});
	});

	function muda(obj){		
		$('#active').removeAttr('id');
		$(obj).attr("id", "active");
	}
	</script>

E esse menu

<div id='cssmenu'>
   <ul>
      <li class='active' id="active"><a href='index.html' ><span>Inicio</span></a></li>
      <li class='last'  onClick="muda(this);"><a href="#" id="empresa.html" class="menu" ><span>A empresa</span></a></li>
      <li class='has-sub' onClick="muda(this);"><a  href='#'><span>Planos</span></a>
         <ul>
            <li class='has-sub'><a href='#' id="combos.html" class="menu"><span>Combos</span></a></li>
            <li class='has-sub'><a href='#' id="planos.html" class="menu"><span>Planos</span></a></li>
         </ul>
      </li>
      <li onClick="muda(this);"><a href='#' id="servicos.html" class="menu"><span>Serviços</span></a></li>
      <li onClick="muda(this);"><a href='#' id="clientearea.html" class="menu"><span>Área do Cliente</span></a></li>
      <li class='has-sub' onClick="muda(this);"><a href='#'><span>Suporte</span></a>
         <ul>
            <li class='has-sub'><a href='#' id="erros.html" class="menu"><span>Erros</span></a></li>
         </ul>
      </li>
      <li class='last' onClick="muda(this);"><a href='#' id="precadastro.html" class="menu"><span>Pré cadastro</span></a></li>
      <li class='last' onClick="muda(this);"><a href='#' id="contato.html" class="menu"><span>Contato</span></a></li>
   </ul>
   </div>

na página contato.html tenho um formulário. ao enviar esse formulário a página volta para a inicial não enviando dados para lugar algum.

gostaria que esses dados fossem enviados para a contato.php onde futuramente enviaria para o banco de dados mas não sei como fazer isso.

[Marlon Pacheco 132]

Tu já tem o arquivo contato.php ??

[Matheus Ragoso 1]

no arquivo contato.php ele apenas exibe o $_POST['nome'] para eu verificar se esta tudo correndo como planejado.

 

no arquivo contato.html (onde tem o formulário) coloquei este código

<script type="text/javascript">
    jQuery(document).ready(function(){
        jQuery('#form').submit(function(){
            var dados = jQuery( this ).serialize();
 
            jQuery.ajax({
                type: "POST",
                url: "contato.php",
                data: dados,
                success: function( data )
                {
                    alert( data );
                }
            });
            
            return false;
        });
    });
    </script>

tal código resolveu meu problema, Obrigado pela boa vontade Marlon!

[Marlon Pacheco 132]

Feito.