Asynchronous Javascript and XML AJAX
AJAX – Motivação Início dos anos 90, a maioria dos web sites eram baseados em páginas HTML Cada ação do usuário requeria que a página fosse totalmente recarregada do server 1996 – iframe no Internet Explorer –Uso alternativo do iframe –Carregar um conteúdo “escondido” e usá-lo para atualizar alguma parte da página 1999 – XMLHTTP ActiveX control no IE 5 –XMLHttpRequest
AJAX – Motivação Wide Deployment do Google –Gmail (2004) –Google Maps (2005) Termo AJAX foi instituido em 2005 by Jesse James Garret no artigo: “Ajax: A New Approach to Web Applications” baseado nas técnicas usadas nas páginas do Google Outros exemplos: –Facebook –Youtube –...
AJAX – Definição Técnica que usa um grupo de tecnologias web para implementar uma aplicação que se comunica com o servidor por “background”, sem interferir no estado atual da página. Tecnologias: –HTML (ou XHTML) e CSS para apresentação –DOM para apresentação dinâmica e interação com os dados –XML para o intercambio de dados –XMLHttpRequest para a comunicação assíncrona –Javascript para unir todas estas tecnologias
AJAX – Contras Perda do Histórico do Browser Dificulta o Bookmark A maioria dos web crawlers não executam código javascript Código mais complexo e mais difícil de testar
AJAX – Exemplo var req = new XMLHttpRequest(); req.open("POST", "/web/pessoa", true); req.onreadystatechange = function(){ if(req.readyState == 4 && req.status == 200){ console.log(req.responseText); } req.send("{nome: 'Joao', idade: 25, sexo: 'm'}");