Ajax com uma linha de código.
December 18th, 2006. Published under DOM, add-on, ajax, freeDOM.js, javascript. 6 Comments.
Utilizando a freeDOM.js é possível trabalhar com o Ajax com apenas 1 (uma) linha de código. Tornando a tarefa de desenvolver interfaces mais ricas e com uma melhor interatividade com o usuário super simples.
Uma vez que você já inseriu a freeDOM.js na sua página, basta inserir o módulo de Ajax - freeDOM-ajax.js - ambos podem ser baixados na página da freeDOM.js. Você estará adapto a trabalhar com o Ajax com apenas uma linha de código.
Primeiramente, você precisará instanciar a classe de Ajax do módulo freeDOM-ajax.js da seguinte maneira:
var ajax = new ajax();
Feito isso, seu próximo passo é criar uma simples linha de código assim:
ajax.addRequest('/pg_serve_side.php',fnSeguinte,$('formID'));
Só isso :). Mas vou explicar em detalhes.
ajax.AddRequest = chama o método - addRequest - responsável em adicionar uma nova requisição Ajax à fila.
pg_serve_side.php = Nesse primeiro parâmetro do método addRequest, você informa a URL da página responsável pela comunicação com o servidor.
fnSequinte = O segundo parâmetro do método refere-se a uma função de retorno, que você poderá utilizar para tratar os dados retornados pelo Ajax - responseText.
Para finalizar temos o terceiro parâmetro, onde informamos o formulário que contém os dados quem devem ser “coletados” e enviados juntos a requisição. Isto é uma mão na roda em tanto.
Imagine que você tenha um formulário com “trocentos” campos e para enviar os seus dados, você teria que manualmente fazer algo assim:
...
dataPost += '&nome=' + $('nome').value;
dataPost += '&email=' + $('desc').value;
...
Informando o formulário no terceiro parâmetro da freeDOM-ajax.js, ele tratará de “coletar” os dados de todos os campos do formulário informado e facilitando a sua vida.
Esse módulo - freeDOM-ajax.js - ainda está em desenvolvimento, mas já apresenta significativa vantagem para o desenvolvedor. Gostaria de saber o seu comentário a respeito desses recursos e o que ela possa vir a ter 
6 Comments
leandro on December 19th, 2006
Heheh, concordo.
Mas eu informo “[...] Feito isso, seu próximo passo é criar uma simples linha de código assim:” é que 1 linha de código é sen contar a linha da instância
Analisarei a sua depois, já guardei aqui.
Um abraço.
Gabriel on March 17th, 2007
Tem como eu usar uma navegação em Ajax com essa biblioteca? Eu queria fazer uma navegação em Ajax e não sei como fazer… Tem como fazer isso com essa biblioteca? Como?
Abraços
leandro on March 18th, 2007
Olá Gabriel,
Essa biblioteca lhe ajudará no que for preciso desenvolver. Uma vez, que ele tem o foco exclusivo de lhe ajudar a utilizar o DOM e o JavaScript através dela.
Eu poderia desenvolver um tutorial (quando haver tempo), por que explicar assim é bem complicadinho. Use a critividade
Gabriel on March 18th, 2007
Bom, eu só tenho interesse na parte de navegação! Achei um script pronto só para a navegação mas não gostei dele! A velocidade principalmente… Essa biblioteca tem como fazer esse tipo de serviço?
leandro on March 18th, 2007
Olá Gabriel,
Como lhe falei, com essa biblioteca você pode desenvolver o que precisar. Isto significa dizer, que com ela você pode fazer um script de navegação, mas ele não vem pronto você precisará desenvolvê-lo.
Micox on December 19th, 2006
Perae leandro, hehe, sem querer ser chato, mas aí vão 2 linhas no código. A do instanciamento e a da chamada.
Eu fiz uma que é realmente SÓ uma linha. Depois dá uma lida nela lá e vê se ajuda no freeDOM ae.
Té mais.