Tw Course Ajax 2007 Ap01
Transferir como ODP, PDF0 gostou327 visualizações
O documento descreve a anatomia de uma operação Ajax usando XMLHttpRequest (XHR), incluindo os passos de instanciar um objeto XHR, configurar a solicitação, enviar a requisição para o servidor assincronamente, processar a resposta no servidor, retornar os dados e processá-los no callback. Também lista os métodos e propriedades de XHR e melhores práticas para seu uso.
![Ajax [Hype Vs Reality] ...](https://image.slidesharecdn.com/tw-course-ajax-2007-ap01-1193507608324743-5/85/Tw-Course-Ajax-2007-Ap01-2-320.jpg)
Tw Course Ajax 2007 Ap01
- 1. Overview do XHR (XMLHttpRquest) Christiano Milfont Anatomia de uma operação Ajax Métodos e Propriedades do XHR Melhores práticas com XHR
- 2. Ajax [Hype Vs Reality] ...
- 3. Anatomia de uma operação Ajax ...
- 4. Anatomia de uma operação Ajax ... Ocorre um evento no cliente Um XHR é instanciado A instância é configurada Solicita uma conexão assíncrona A requisição é processada pelo servidor O servidor retorna um XML O XHR chama o callback e repassa o XML O HTML DOM processa o XML.
- 5. 1. Ocorre um evento no cliente Um evento mapeado é acionado no cliente :
- 6. 2. Um XHR é instanciado 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.
- 7. 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.
- 8. 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”.
- 9. 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.
- 10. 7 e 8. Callback processa retorno A função callback processa o retorno utilizando DOM.
- 11. 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. 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. 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.
- 12. Melhores práticas do XHR N amespaces contra funções globais Detecção otimizada Bridge encapsula diferenças de Cross Browser Delegação de eventos New School suplanta Old School Separação em camadas Orientação a objetos contra prog. funcional DOM contra innerHTML