Fernando Becker » Tutorial » Ajax com prototype - Sites - Tutoriais - Video Aulas - Videos engraçados
/
TUTORIAL
Ajax com prototype
Ola pessoal, hoje vamos falar sobre AJAX!
Não vou explicar profundamente o que significa esta tecnologia (Ou mistura delas hehe), mas basicamente chamamos de AJAX algo que é carregado na tela sem recarregar a mesma totalmente, eu sei meio confuso mas vamos a prática que entedenram.
Para usar AJAX em nossos sites vamos utilizar uma biblioteca chamada "prototype", das que eu testei ate hoje acho que essa (em sua versão básica) tem a melhor performace. Para isto basta baixa-la e adicionar no seu código fonte da seguinte maneira.
Obs.: Vamos supor que a biblioteca está na raiz do site.
Agora teremos de criar outro arquivo com um conteúdo qualquer dentro, importante se tiver alguma requisição ao banco de dados, terá de ser feita uma nova conexão dentro desse arquivo, no caso de estiver usando funções ou classes basta instanciar.
Depois do arquivo criado temos de adicionar uma função java script para que posso "chamar" o novo arquivo.
function chama_arquivo(){
new Ajax.Updater('destino', 'novo_arquivo.php', { method: 'get' });
}
Ok, vamos esclarecer algumas coisas "destino" é id aonde o novo_arquivo será carregado.
Agora so esta faltando chamar a função javascript que irá chamar o ajax. Faremos isso no evento "onClick" da seguinte maneira.
Pronto vamos juntar todas as informações:
Bom pessoal ao clicar no botão será carregado o novo_arquivo.php dentroda div "destino" sem recarregar toda a página, agora é só usar a imaginação.
Abraço