Ajax   O Objeto Xml Http Request   Parte 1
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share

Ajax O Objeto Xml Http Request Parte 1

  • 1,146 views
Uploaded on

 

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
1,146
On Slideshare
1,145
From Embeds
1
Number of Embeds
1

Actions

Shares
Downloads
16
Comments
0
Likes
0

Embeds 1

http://www.linkedin.com 1

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. AJAX - O Objeto XMLHttpRequest - Parte 1 Principal .: Compras :. Início AJAX - O Objeto XMLHttpRequest - Parte 1 Categorias Ajax 12/01/2006 18:00:00 DHTML Autor: Rondinely S. de Almeida XML PHP Serviços para Webmasters MySQL IP Microsoft CRM é L3 Qual é o meu IP? Parceira do Ano 2009 da Microsoft Especialista em Dynamics CRM www.L3.com.br Cursos Microsoft - GREEN MCITP, MCTS, MCSE, MCSA, MCP 15x + Curso ITIL Grátis* www.green.com.br AntiVirus - iG AntiVírus Seu Computador Pode Estar em Risco. iG AntiVírus a partir de R$3,95! iG.com.br/Antivirus |<< Primeira < Anterior 1/2 Próxima > Última >>| Este é o primeiro artigo de uma série na qual estaremos explorando os detalhes da técnica AJAX de programação web. Asynchronous JavaScript and XML, ou AJAX consiste em um método para se comunicar com um servidor web sem a necessidade de recorrer ao recarregamento de página. Na maior parte do tempo são utilizadas as mesmas técnicas da programação DHTML, o que difere a tecnologia AJAX da DHTML é o uso do objeto XMLHttpRequest. Este objeto permite a um código JavaScript fazer o envio de dados e receber uma resposta de um servidor sem a necessidade de recarregar todo o código da página web. Dai vem o termo Asynchronous (assincrono) da definição de AJAX, porque pode-se carregar dados não necessariamente ao mesmo tempo em que se carrega a página, em outras palavras, não precisa haver sincronia do carregamento de dados com o carregamento da página web. Quem primeiro implementou o objeto XMLHttpRequest foi a Microsoft no IE 5, ele foi implementado como um ActiveX (para variar), mais tarde ele foi implementado no Mozilla 1.0, Netscape 7, Safari 1.2 e Opera 7.6, nestes navegadore como um objeto JAVA. Criando o Objeto XMLHttpRequest Para criar uma instância do objeto XMLHttpRequest temos que levar em conta que: Na maioria dos navegadores o objeto XMLHttpRequest é um objeto JAVA; No Internet Explorer o objeto XMLHttpRequest é de natureza ActiveX; Como a Microsoft não gosta de padronização possui duas versões diferentes de ActiveX para o objeto XMLHttpRequest. http://www.hospedia.com.br/artigos/4/ajax/1/ajax_-_o_objeto_xmlhttprequest_-_parte_1.html[07/12/2009 15:08:03]
  • 2. AJAX - O Objeto XMLHttpRequest - Parte 1 As duas versões do objeto ActiveX a que nos referimos são as seguintes: Microsoft.XMLHTTP e Msxml2.XMLHTTP, sendo esta última a mais recente. Com estas condições em mente podemos criar o seguinte código Javascript: try { xmlhttp = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { try { xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } catch (E) { xmlhttp = false; } } if (!xmlhttp && typeof XMLHttpRequest != 'undefined' ) { try { xmlhttp = new XMLHttpRequest(); } catch (e) { xmlhttp = false ; } } Neste script primeiramente tentamos criar o objeto XMLHttpRequest a partir de um ActiveXObject que poderia ser baseado no Msxml2.XMLHTTP (versão mais recente), ou no Microsoft.XMLHTTP (versão mais antiga). Caso não seja possível criar o ActiveXObject partimos para a criação a partir de um objeto JAVA. É bom lembrar que existe sempre a possibilidade de nenhum funcionar, neste caso o navegador não fornece suporte a esta tecnologia e não poderemos dar continuação ao uso de técnicas AJAX no script. Método OPEN Não deixe de ver também: AntiVirus - iG AntiVírus Microsoft Dynamics AX2009 Seu Computador Pode Estar em Risco. iG Está em processo de troca do ERP? AntiVírus a partir de R$3,95! Conheça o Microsoft Dynamics 2009 Após termos criado o objeto podemos dar início a comunicação com o servidor. Para isto usaresmo o método OPEN do objeto XMLHttpRequest. Este método nos permite abrir um documento, passar argumentos para ele e capiturar uma resposta. O método OPEN funciona com o auxilio do método SEND como veremos a seguir. O método OPEN aceita cinco parâmetros: open("método ", "URL "[, sinaldesincronização[, "nomeUsuário"[, "senha"]]]). Como podemos notar os parâmetros método e URL são obrigatórios, os demais podem ser utilizados ou não no script conforme nossa necessidade. Existem dois métodos possíveis de se utilizar para acessar um documento: GET e POST. O método mais comum é GET, pois funciona de maneira mais simples, no entanto quando a quantidade de informações a ser passada é muito grande recomenda-se o uso de POST. URL é o caminho para o documento que desejamos acessar, pode ser um caminho completo ou relativo. O sinaldesincronização avisa ao objeto XMLHttpRequest se desejamos que nossa comunicação seja assincrona ou sincronizada. Por padrão este parâmetro é verdadeiro o que indica uma comunicação assincrona, que significa que o script e consequentemente a página web não ficarão parados, congelados, enquanto o objeto XMLHttpRequest recebe uma resposta. Fica óbvio que esta será a melhor opção na maioria dos casos, uma vez que por um número enorme de motivos alheios ao nosso controle esta comunicação pode demorar muito e até não se realizar. Os dois últimos parâmetros opcionais servem para passarmos o nome de usuário e senha caso o documento que estejamos tentando acessar esteja protegido. Um exemplo simples de utilização do método OPEN seria o seguinte: xmlhttp = new XMLHttpRequest(); xmlhttp.open("GET", "/dados.xml"); http://www.hospedia.com.br/artigos/4/ajax/1/ajax_-_o_objeto_xmlhttprequest_-_parte_1.html[07/12/2009 15:08:03]
  • 3. AJAX - O Objeto XMLHttpRequest - Parte 1 Neste exemplo criamos o objeto XMLHttpRequest (não estamos considerando as diferenças entre navegadores) e iniciamos a comunicação usando o método GET com o arquivo dados.xml. No entanto, nosso script até aqui não obtém nenhuma informação útil do documento. Para completarmos o processo de comunicação precisamos do método SEND. Método SEND É o método SEND que ativa a conexão e faz a requisição de informações ao documento aberto pelo método OPEN. Este método possui somente um parâmetro que serve para enviarmos dados extras ao documento que estamos acessando. Usamos este parâmetro quando, por exemplo, no método OPEN, acessamos o documento com POST ao invés de GET, neste caso os dados do POST são passados neste parâmetro de SEND. O Internet Explorer não nos obriga a passar nenhum parâmetro, mas outro navegadores como o Mozilla, exigem algum dado, neste caso, a melhor solução é que mesmo não havendo necessidade de passar nenhum parâmetro enviemos NULL neste método. |<< Primeira < Anterior 1/2 Próxima > Última >>| Artigos relacionados AJAX - O Objeto XMLHttpRequest - Parte 4 : 17/04/2006 Como prometemos no artigo anterior vamos ver como, utilizando o mesmo... AJAX - O Objeto XMLHttpRequest - Parte 3 : 12/03/2006 Como prometemos no artigo anterior veriamos uma aplicação prática para... AJAX - O Objeto XMLHttpRequest - Parte 2 : 18/01/2006 Este é o segundo artigo da série e nele vamos conhecer mais a fundo o... Alimentando uma ComboBox dinamicamente utilizando técnicas AJAX : 28/11/2005 Este artigo mostrará como responder a uma interação... Hospedagem de Sites Teste Agora e Comprove a Qualidade de nossa Estrutura e Atendimento. www.RedeHost.com.br Hospedagem PhP Site Grátis. Pagamento Facilitado Ativação Imediata. R$ 5,90/mês WebNames.com.br Cursos Java Interplan RJ Turmas 10 alunos.Preços Excelentes! PLSQL Struts Hibernate UML Ajax SOA www.interplan.com.br/ PC Empresário Inclusão Digital para Micros e Pequenas Empresas (Ory Client) www.gemini.com.br >> Inicio << © Copyright hospedia.com.br - 2005 Todos os direitos reservados. Seu Ponto de Partida na Internet Receitas de Bolos Lyrics http://www.hospedia.com.br/artigos/4/ajax/1/ajax_-_o_objeto_xmlhttprequest_-_parte_1.html[07/12/2009 15:08:03]