Page 24

Exemplo de AJAX XML No exemplo de AJAX abaixo nós demonstraremos como uma página web pode buscar a informação de um arquivo de XML usando a tecnologia de AJAX. Este exemplo consiste em quatro páginas:    

Um formulário simples do HTML Uma arquivo XML Um JavaScript Uma página em PHP

O formulário do HTML O exemplo acima contem um formulário simples do HTML e uma ligação a um Javascript: <html> <head> <script src="selectcd.js"></script> </head> <body> <form> Select a CD: <select name="cds" onchange="showCD(this.value)"> <option value="Bob Dylan">Bob Dylan</option> <option value="Bee Gees">Bee Gees</option> <option value="Cat Stevens">Cat Stevens</option> </select> </form> <p> <div id="txtHint"><b>CD info will be listed here.</b></div> </p> </body> </html>

Exemplo explicado Como você pode ver é justo um formulário simples do HTML com um select simples “chamados CD”. O parágrafo abaixo do formulário contem um “txtHint chamado div”. O div é usado como um placeholder para o info recuperado do web server. Quando o usuário seleciona dados, uma função chamada “showCD” está executada. A execução da função é provocada pelo evento do “onchange”. Em outras palavras: Cada vez que o usuário muda o valor do campo select, o showCD da função está chamado. O arquivo XML

Teste  

Teste 12345 123456

Teste  

Teste 12345 123456

Advertisement