[Resolvido] Ajax com jQuery

[Luiz Henrique 1]

Olá pessoas,

 

Queria um exemplo prático do uso do ajax com jQuery, li muita coisa a respeito, porém não consegui compreender como fazer funcionar, queria substituir o "tradicional" pois funções .js não funcionam no conteúdo carregado via ajax.

 

O tradicional ajax resgata conteúdo da busca por exemplo, envia para página .php que imprime o resultado em determinada div, a grosso modo seria isto:

 

...
ajax.open("GET", "busca.php?busca="+dados, true);
resultado:
...
document.getElementById('div').innerHTML = ajax.responseText;	

 

Mas como fazer o mesmo procedimento com ajax+jQuery?

 

Obrigado.

[William Bruno 1501]

Exemplo simples:

 

http://wbruno.com.br/2009/08/14/verificar-se-usuario-ja-existe-no-banco/

[Luiz Henrique 1]

Perfeito!

 

Pelo que entendi não precisa mais utilizar o form pois o resgate do valor é direto pelo nome do input, ou seja basta dizer que tipo de campo e seu name:

var valor = $("input[name='nome']").val();

O envio por aqui:

$.post('pagina.php',{nome: valor},function(data)...

 

Muito mais simples!

Uma das boas mudanças é que não colocamos mais eventos no botão, como onclick pois não teremos uma function nomeada como

function ajax(){}, todo controle é pelo name do botão:

$("input[name='name_botao']").click( function(){

O cuidado que se deve ter é de não nomear igual os botão caso páginas diferentes no ajax, isto se for criado um js só para estes ajax.

 

Mas é isso, muito obrigado rapaz!

vlw