Porque e como usar Frameworks Ajax

Frameworks Ajax Porque, quando e como usar um Framework Ajax para melhorar a produtividade

Agenda ,[object Object],[object Object],[object Object],[object Object],[object Object]

Christiano Milfont Developer, Programmer, Speaker, Blogger, ... http://www.milfont.org [email_address] Apresentação

Anatomia do Ajax ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Anatomia do Ajax 1. Ocorre um evento no cliente

Anatomia do Ajax Instancia uma versão do objeto XHR dependendo do Browser, a Microsoft (criadora do objeto) tem algumas implementações dependendo da versão do Internet Explorer. 2. Um XHR é instanciado

Anatomia do Ajax 3. A instância é configurada O método “open” do objeto XHR cria uma conexão e recebe como parâmetros: o método de conexão (“POST” ou “GET”); a “url” do servidor; e um booleano que indica se a conexão é assíncrona (TRUE) ou síncrona (FALSE). Associa-se uma função “callback” que processará o resultado do servidor. Submete os dados caso a conexão seja POST.

Anatomia do Ajax 4. Solicita uma conexão assíncrona Quando a propriedade readStatedo objeto XHR recebe o valor 4 a conexão foi terminada, podemos processar diretamente ou somente quando a propriedade status receber o valor “200”.

Anatomia do Ajax 5. A requisição é processada pelo servidor O servidor processa uma requisição como outra qualquer e devolve um XML ou um texto. 6. O servidor retorna um XML ou um texto É comum utilizar na resposta um texto com o objeto no formato JSON para ser processado na função callback.

Anatomia do Ajax A função callback processa o retorno utilizando DOM. 7 e 8. Callback processa retorno

Anatomia do Ajax Métodos e propriedades do XHR Status do readyState 0: Não inicializado. 1: Conexão estabelecida. 2: Requisição recebida. 3: Em processo. 4: Finalizada. Métodos open(mode, url, boolean): inicializa a conexão e recebe os parametros mode (conexão), url e booleano (síncrono ou assíncrono). send("string"): Null para GET ou uma String dos parametros e valores para o POST. Atributos readyState: Troca valores de 0 a 4 que indicam que está “Ready”. Status: Códigos de status do response HTTP. responseText: Processa a resposta como texto. responseXML: Processa a resposta como um objeto XML. onreadystatechange: Propriedade que recebe uma função que é invocada quando o evento readystatechange é disparado.

Javascript Multipurpose Frameworks Javascript Multipurpose: frameworks que fornecessem componentes sobre o conjunto de todas as tecnologias web no lado cliente e mecanismos de acesso ao lado servidor, como o encapsulamento do tratamento dos dados. Tipos de Frameworks

Javascript Remote: frameworks que são especialistas no encapsulamento do mecanismo de troca de objetos entre as camadas físicas. Javascript Remoting Frameworks Tipos de Frameworks

Javascript Specialised Frameworks Javascript Specialized: frameworks que são especialistas em somente um determinado comportamento ou mecanismo do conjunto de tecnologias web, como por exemplo: especialistas em efeitos ou somente na extensão do javascript. Tipos de Frameworks

Benefícios O benefício de se usar um Framework Ajax é o encapsulamento da complexidade de manipulação das tecnologias necessárias, fornecendo um só mecanismo Cross Browser que permita a utilização do ajax com acessibilidade semelhante ao ambiente desktop, além de facilitar o tratamento dos dados nas as camadas físicas entre o lado cliente e o lado servidor.

Benefícios Um Framework Ajax utiliza as tecnologias: CSS (camada de formatação da apresentação); XHTML (camada de estrutura da apresentação); XML (dados a serem manipulados) e JSON (outra especificação do formato dos dados); Javascript (camada de controle) por meio de DOM (modelo de árvore de objetos) e com o objeto XMLHttpRequest (que fornece conexões assíncronas). Extende essa tecnologias padrões com componentes de eventos, efeitos, Drag'n'Drop, entre outros.

Frameworks Ajax Menus e Toolbar

Ajax Resources http://www.ajaxian.com/ http://www.milfont.org/ Livros ZAKAS, Nicholas. Professional JavaScript for Web Developers. Indianapolis, Indiana: Wiley Publishing Inc.,2005. ZAKAS, Nicholas; MCPEAK, Jeremy; FAWCETT, Joe. Professional Ajax. 2nd Edition. Indianapolis, Indiana: Wiley Publishing Inc.,2007. ASLESON, Ryan; SCHUTTA, Nathaniel. Foundations of Ajax. Berkeley, CA: Apress, 2006 GROSS, Christian. Ajax Patterns and Best Practices. Berkeley, CA: Apress, 2006. CRANE, Dave; PASCARELLO, Eric; JAMES, Darren. Ajax in Action. Greenwich, CT: Manning Publications Co., 2006. Referências

Obrigado! Dúvidas ? Christiano Milfont http://www.milfont.org

Porque e como usar Frameworks Ajax

Recomendados

Recomendados

Mais conteúdo relacionado

Semelhante a Porque e como usar Frameworks Ajax

Semelhante a Porque e como usar Frameworks Ajax (20)

Mais de Milfont Consulting

Mais de Milfont Consulting (20)

Porque e como usar Frameworks Ajax