AJAX - Desenvolvendo com prototype


Comecei a usar o Prototype a pouco tempo através da recomendação do Giovani Dalfovo. O Prototype é um framework em JavaScript que agiliza o trabalho do desenvolvedor, claro, como todo framework!

Ele já vem com suporte a fila de requisições Ajax e algumas outras praticidades.

Abaixo um exemplo de chamadas ao Google através da metodologia Ajax como uso do framework Prototype.

...
<script>

function chamaPagina(url,pars) {

   /* Esse é o cara principal, ele que é responsável
   pela requisição. Como parâmetros temos, a url, o metodo,
   parâmetros e qual a função que receberá o retorno */

   var objetoAjax = new Ajax.Request( url, {
   method: \'post\', parameters: pars, onComplete: mostraResposta });

}

/* Função que recebe o retorno */

function mostraResposta(retorno) {

   var texto = retorno.responseText;

   texto = texto.replace(/\\+/g,\" \");

   texto = unescape(texto);

   /* $ substitui o document.getElementById */

   $(\'conteudo\').innerHTML = texto;

}

</script>

<div id=\"conteudo\"></div>

<a onclick=\"carregaPagina(\'http://www.google.com.br\',\'\');\"
href=\"http://www.andrey.eti.br/wp-admin/post.php#\">Google</a>

...

isso… Simples!

One Response to “AJAX - Desenvolvendo com prototype”

  1. Giovani Dalfovo Says:

    Fala Andrey!
    Poisé, esse Framework é muito bom mesmo, espero logo colocar um post no meo blog sobre recomendações deste framework. Também ando analisando uns outros que estão pegando moda, e pretendo colocar uma análise de comparação entre alguns frameworks.
    Bom, para quem está iniciando a utilizar o prototype, segue link oficial:
    http://prototype.conio.net/
    e um link com documentação do framework:
    http://www.sergiopereira.com/articles/prototype140.js.ptBR.html
    É isso ae!
    [ ]’s

Leave a Reply


This is a free Wordpress template provided by Mathew Browne | Web Design | SEO