Obrigado por visitar a devmedia.com.br!

Precisamos de você para divulgar nossos vídeos e cursos gratuitos para a comunidade.

Se você gosta da devmedia.com.br por favor dê-nos o seu clique para o Google+ e ajude outros desenvolvedores ao redor do mundo.



Obrigado por seu apoio!
Equipe DevMedia

sair sem compartilhar (x)
DevMedia - asp.net, Java, Delphi, SQL e web Design, tudo em um só lugar!
Bem vindo a DevMedia!
LOGIN:     SENHA:

Como ler um arquivo XML utilizando AJAX

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


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





    2 COMENTÁRIOS

[Fechar]

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



Everton
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)


em 20/8/2007 10:37 - Responder

 

Daniel Terzella Cardoso
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


em 22/1/2009 17:52 - Responder

 



[Este post ainda não foi associado a uma sequência]
Autor
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 on Rails, mas já trabalhou com tecnologias como De...


Space do autor
Estatísticas
Favorito:
Comentários:
Feedback:
Utilidade:
2   1
[Fechar]

Você precisa estar logado para dar um feedback.

Clique aqui para efetuar o login
[Fechar]
Este post está disponível para assinantes da Mobile magazine 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
web-03
DevMedia  |  Anuncie  |  Fale conosco
Hospedagem web por Porta 80 Web Hosting
2012 - Todos os Direitos Reservados a web-03