Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Bom , primeiramente, digo que é imprescindível para qualquer programador aprender como funciona uma requisição assíncrona com AJAX.
Porém, isso demora KKK.
Portanto fica o nosso melhor amigo dos client-sides, o Jquery, uma liv do Javascript capaz de tudo e muito mais com pouquíssimas linhas de código.
O lema do Jquery é -> Write Less, Do more.
OK, para fazermos isso com jquery primeiro temos que baixar a biblioteca do Jquery.
->>http://code.jquery.com/jquery-1.4.2.min.js
após isso.. óbvio, linkar ( caramba , linkar ) o script no html.
<script src="http://code.jquery.com/jquery-1.4.2.min.js" type="text/javascript"></script>
OkeyDokey
agora o script..
<script type="text/javascript">
$("document").ready(function() {// o document ready é o mesmo que onload no html XD
$("form").bind("submit",function(event) {
event.preventDefault(); // assim ele não executa a requisição da action da form
});
//agora escolha a id da form que você quer mandar via ajax
$("#id_da_form").submit(function() {
$.post("url_da_pagina.php",$(this).serialize(),
function(data) {
alert(data);// aqui você pode colocar uma div aonde vão aparecer os resultados da requisição como $("#resposta").html(data)
});
// você pode manipular a 'data' como quizer. exemplo: se você fazer a página retornar 0 ou 1 pode usar uma condicional como
// if(data == 1) {location:index.php}else {$("#result").html(data)};
// fiz o meu sistema de login assim
// se a resposta da query for true ele cria uma sessão , e retorna 1.
// então o Jquery pega esse retorno e atualiza a index,
// caso contrário ele mostra uma exception em uma div
// que é onde aparecem os logs de erro como usuario inválido , senha errada e etc
});
});
</script>
depois disso é só criar uma form com aquela id e pronto xDex:
<form id="id_da_form">
<input name="nome"/>
<input name="senha"/>
<input type="submit" value="enviar"/>
</form>
entrem no meu fórum..
Coloquei no ar a 3 dias.
Vou postar tutoriais sobre Orientado a Objeto, dinamismo de página.. melhorar a experiência do usuário
para fazer o cadastro basta ir no menu Principal->cadastro
e é isso ai...
PHP + Jquery é o que há.
abraços
Carregando comentários...