Como ler um arquivo XML utilizando AJAX
Veja neste pequeno exemplo, como ler o conteúdo de um arquivo XML utilizando AJAX.
Estatísticas:
Visualizações:
9754
Favoritado:
3 vez(es)
Conteúdo:





Didática:





Utilidade:
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:

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

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.

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

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
Everton
20/8/2007 10:37
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]
[responder]


Daniel Terzella Cardoso
22/1/2009 17:52
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]
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]


Dominando o Spring Roo - Java Magazine 79

Artigo Clube Delphi 80 - Exibindo dicas na forma de balão com a descrição de campos do FB

Artigo Clube Delphi 94 - ClientDataSet

Desenhando um olho em Java

Criando um Messagebox personalizado

Como ler um arquivo XML utilizando AJAX

Validação de campos obrigatórios em um Dataset

Criando uma Stored Procedure em Firebird para retornar o próximo dia útil

Criando uma Interface para padronização dos formulários de Cadastro


Artigo Clube Delphi 80 - Exibindo dicas na forma de balão com a descrição de campos do FB

Artigo Clube Delphi 94 - ClientDataSet

Desenhando um olho em Java

Criando um Messagebox personalizado

Como ler um arquivo XML utilizando AJAX

Validação de campos obrigatórios em um Dataset

Criando uma Stored Procedure em Firebird para retornar o próximo dia útil

Criando uma Interface para padronização dos formulários de Cadastro


Curso Online - Crie uma loja virtual completa com Visual Studio e ASP.NET

curso online - Construindo um sistema completo de vendas para dispositivos móveis com .NET

Curso Online: Criando somente a documentação necessária de um sistema controle de estoque(básico) para uma empresa

SilverLight

Formação .net Essentials

Visual Basic.Net

Introdução ao ASP

Curso Completo MySQL

jQuery – A Biblioteca JavaScript para Webdesigners


curso online - Construindo um sistema completo de vendas para dispositivos móveis com .NET

Curso Online: Criando somente a documentação necessária de um sistema controle de estoque(básico) para uma empresa

SilverLight

Formação .net Essentials

Visual Basic.Net

Introdução ao ASP

Curso Completo MySQL

jQuery – A Biblioteca JavaScript para Webdesigners


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

[vídeo] Criando Web Site – Consumindo dados com getJson do jQuery utilizando POCO EF 4.0 – Parte 2

[vídeo] Consumindo os dados via ajax – Consumindo dados com getJson do jQuery utilizando POCO EF 4.0 – Parte 3

[vídeo] Classe POCO – Consumindo dados com getJson do jQuery utilizando POCO EF 4.0 – Parte 1

Imprimindo Relatório : VCL Crystal Reports XI - Delphi

VCL Crystal Reports XI - Delphi

[vídeo] Gerenciamento das Comunicações - Curso Gerência de Projetos – Parte 8

[vídeo] Plano de Comunicação - Curso Gerência de Projetos – Parte 9

[vídeo] Seleção e Priorização de Projetos - Curso Gerência de Projetos – Parte 6

[vídeo] Escopo, metas, premissas, restrições - Curso Gerência de Projetos – Parte 7

[vídeo] Documento Conceitual do Projeto - Curso Gerência de Projetos – Parte 5


[vídeo] Consumindo os dados via ajax – Consumindo dados com getJson do jQuery utilizando POCO EF 4.0 – Parte 3

[vídeo] Classe POCO – Consumindo dados com getJson do jQuery utilizando POCO EF 4.0 – Parte 1

Imprimindo Relatório : VCL Crystal Reports XI - Delphi

VCL Crystal Reports XI - Delphi

[vídeo] Gerenciamento das Comunicações - Curso Gerência de Projetos – Parte 8

[vídeo] Plano de Comunicação - Curso Gerência de Projetos – Parte 9

[vídeo] Seleção e Priorização de Projetos - Curso Gerência de Projetos – Parte 6

[vídeo] Escopo, metas, premissas, restrições - Curso Gerência de Projetos – Parte 7

[vídeo] Documento Conceitual do Projeto - Curso Gerência de Projetos – Parte 5


Você está em:





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


