Como ler um arquivo XML utilizando AJAX

Você precisa estar logado para dar um feedback. Clique aqui para efetuar o login
Para efetuar o download você precisa estar logado. Clique aqui para efetuar o login
Confirmar voto
0
 (2)  (1)

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

 
Você precisa estar logado para dar um feedback. Clique aqui para efetuar o login
Receba nossas novidades
Ficou com alguma dúvida?