Por que eu devo ler este artigo: 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:


<?xml version="1.0" ?> 
<valor> 
valor do arquivo XML. 
</valor>

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.