Exemplo XML AJAX

Autor：Eve Cole Data da Última Atualização：2024-12-26 09:42:11

AJAX pode ser usado para comunicar-se interativamente com arquivos XML.

Exemplo XML AJAX

O exemplo a seguir demonstra como uma página web pode usar AJAX para ler informações de um arquivo XML:

Exemplo

Análise de exemplo - função loadXMLDoc()

Quando o usuário clicar no botão "Obter CD da minha coleção" acima, a função loadXMLDoc() será executada.

A função loadXMLDoc() cria um objeto XMLHttpRequest, adiciona funções que são executadas quando a resposta do servidor está pronta e envia a solicitação ao servidor.

Quando a resposta do servidor estiver pronta, uma tabela HTML é construída, os nós (elementos) são extraídos do arquivo XML e, finalmente, o elemento da tabela com id="demo" é preenchido com os dados XML:

Carregando documentos XML de forma assíncrona

função carregarXMLDoc ( ) { var xhttp = novo XMLHttpRequest ( ) ; xhttp.onreadystatechange = função ( ) . { se ( este . readyState == 4 && este . status == 200 ) { minhaFunção ( esta ) ; } ; xhttp.open ( " GET " , " cd_catalog.xml " , verdadeiro ) .função minhaFunção ( xml ) { var eu ; xmlDoc = xml.respostaXML ; table = " <tr><th>Artista</th><th> Título </th></tr> " ; x = xmlDoc.getElementsByTagName ( " CD " ) ; ( i = 0 ; i < x . comprimento ; i ++ ) { tabela + = " <tr> <td> " + x [ i ] . getElementsByTagName ( " ARTIST " ) [ 0 ] . ( " TÍTULO " ) [ 0 ] . childNodes [ 0 ] . nodeValue + " </td></tr> " ; } documento.getElementById ( " demonstração " ) .

Página do servidor AJAX

A página do servidor usada no exemplo acima é na verdade um arquivo XML denominado "cd_catalog.xml".