Ajax com uma linha de código.

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 AjaxfreeDOM-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 AjaxresponseText.

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 ideias sobre “Ajax com uma linha de código.

  1. 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.

  2. 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.

  3. 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

  4. 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 :)

  5. 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?

  6. 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.