Bem galera,
iniciando uma serie de artigos sobres esta fabulosa biblioteca js, o jQuery. Para fazer o download acesse jQuery.
Mãos na massa:
Primeiro vamos criar a nossa função que ira pegar os dados do formúlario e enviar via ajax, neste exemplo usarei a função $.post(url, data, callback).
$(document).ready(function() {
$("#submit").click(function(){
// Mostra tela Loding
$('#loading').ajaxStart(function(){
$(this).show();
});
$.post('jQuery.php', {
nome: $('#nome').val(),
email: $('#email').val(),
tel: $('#tel').val()
}, function(response) {
$('#result').html(unescape(response));
$('#result').fadeIn();
});
// Esconde Loading
$("#loading").ajaxSuccess(function(){
$(this).hide();
});
return false;
});
})
Pega os parametos enviados pelo formulário, jQuery.php.
<?php // Extrai os POST extract($_POST); // Mostra dados echo "Nome: " . $nome; echo "Email: " . $email; echo "Tel: " . $tel; ?>
