AJAX/PHP

26 Abril 2022, 17:00 • Carlos Jorge da Conceição Teixeira

O AJAX (acrónimo de Asynchronous Javascript and XML), é uma tecnologia Javascript para tornar páginas Web mais interativas, permitindo pedidos de dados assíncronos.
Apesar do nome, a utilização de XML não é obrigatória (o JSON é frequentemente utilizado) e os pedidos também não necessitam ser assíncronos.

O XMLHttpRequest (XHR) é uma API disponível em linguagens de script para navegadores web tais como o JavaScript.
É utilizada para enviar pedidos HTTP ou HTTPS diretamente para um servidor web e carregar os dados de resposta do servidor, diretamente de volta ao script.
Apesar do nome XMLHttpRequest, os dados podem ser recebidos do servidor através de JSON, XML, HTML, ou como texto puro.
Os dados da resposta podem ser usados diretamente para alterar o DOM do documento atual, ativo na janela do navegador, sem carregar uma nova página.
Os dados de resposta podem também ser alterados pelo script do lado cliente.
Por exemplo, dados formatados como JSON pelo servidor web, podem ser facilmente convertidos em objeto de dados do lado cliente, para uso posterior.

XMLHttpRequest é um objeto Javascript que torna possível a comunicação assíncrona com o servidor, sem a necessidade de recarregar a página por completo.
O objeto XMLHttpRequest é hoje parte da especificação do DOM, nível 3.

Na aula anterior criou-se uma página web para ler e apresentar o conteúdo de um ficheiro de forma síncrona com a execução normal do javascript - TP06-II.2 e 3, já nessa altura altura estava a usar mecanismos da ferramenta AJAX.

Nesta aula vamos imaginar que esse ficheiro é muito grande, demorando assim muito tempo a ler. Pretende-se que o resto da página possa ser apresentada quanto antes, antes da leitura do ficheiro estar concluída - sendo esta efectuada de forma assíncrona, num processo paralelo.