Whats new? | Login | Parceiros
Cadastre-se | Atendimento | RSS
+ .net:
artigos   |   vídeos   |    cursos   |    mais

Como ler um arquivo XML utilizando AJAX

Veja neste pequeno exemplo, como ler o conteúdo de um arquivo XML utilizando AJAX.

RODRIGO LAZOTI
Rodrigo Lazoti (rodrigolazoti@yahoo.com.br) é desenvolvedor de software com mais de 8 anos de experiência, bacharel em Sistemas de Informação e possui também as certificações SCJP, SCWCD e SCBCD. Atualmente desenvolve sistemas utilizando Java e Ruby ...


Ver space do autor


Estatísticas:
Visualizações:
9754
Favoritado:
 3 vez(es)
Conteúdo:
Didática:
Utilidade:
2 1
votos: 3

Serviços:




Neste artigo irei mostrar em um exemplo básico, como ler o conteúdo de um arquivo xml utilizando Ajax (Asynchronous Javascript And XML).
O objetivo é requisitar o conteúdo do arquivo xml ao servidor e mostrá-lo no próprio documento sem a necessidade de atualizar o documento html.

Vamos dar inicio ao exemplo criando o arquivo xml, irei nomeá-lo como dados.xml e seu conteúdo será o seguinte:

ajax_imagem1.jpg


Agora irei criar o arquivo que conterá toda parte de Javascript, o arquivo irá se chamar meuScript.js.

ajax_imagem2.jpg


Ele contém duas funções que tem como finalidade principal:
  • Função obterRequisicao: enviar o pedido de requisição do arquivo xml ao servidor.
  • Função mostrarConteudo: processar o resultado do pedido e mostrar no elemento do documento html.
Agora irei criar o documento html, vou nomeá-lo como index.html e seu conteúdo será:
 
ajax_imagem3.jpg


Pronto, já temos o exemplo criado, agora é só acessar por um servidor web de sua preferência.
Veja nas imagens a seguir o exemplo rodando no Firefox 2.0 e no Internet Explorer 6.0

 ajax_imagem4.jpg ajax_imagem5.jpg


Este artigo foi escrito utilizando como base a documentação sobre Ajax disponível no site http://developer.mozilla.org





Participe! Inclua um comentário
[Fechar]

Este post é fechado - você precisa ter acesso ao post para incluir um comentário.


Everton
20/8/2007 10:37
xml fiz o teste em meu servidor e não mim retornou nada, oque pode ser? (não auterei nada simplismente coloquei os 3 arquivos e rodei)

[responder]

 
Daniel Terzella Cardoso
22/1/2009 17:52
Bug no IE 6 Ola Pessoal!

O script acima tem uma pequena correção a ser feita:

* na linha #45 do JS troque innerText por innerHTML .

Assim o exemplo funcionará em IE6, IE7 e FF.

Abraço


[responder]

 



 
 

[Este post ainda não foi associado a uma sequência]


[Fechar]
Este post está disponível para assinantes da WebMobile ou para quem possui Créditos DevMedia.

  Conheça os planos de créditos DevMedia e visualize esse post agora mesmo!

Plano conveniência – Neste plano este post custa R$ 0,00 (Compre agora)
Esse plano permite que você compre somente um post, pagando por ele seu preço sem desconto.

Plano ocasional: Aqui este post custa: R$ -1,00 (assinante) ou R$ -1,00 (não-assinante)
Este plano é ideal para quem tem interesse em mais de um post. Você compra um mínimo de R$ 50,00 em créditos e ganha, em média, 50% de desconto no preço do post. Compre Créditos agora!

Assinatura de Créditos (Plano econômico) – Aqui este post custa R$ -1,00
Este plano é ideal para quem tem interesse em muitos posts. Com esse plano você compra R$ 180,00 em créditos e ganha, em média, 80% de desconto no preço do post. Assine este plano agora!

> Saiba mais sobre o Sistema de Créditos DevMedia
DevMedia Group   www.devmedia.com.br   |   www.javafree.org   |   www.mrbool.com
2010 - Todos os Direitos Reservados a DevMedia Group - (21) 3382-5038