Questão nº 44
Questão de Tecnologia da Informação · FGV BANESTES 2021 (nº 44)
FGV2021Analista em Tecnologia da Informação - Desenvolvimento de SistemasTecnologia da Informação
Gabarito: Dver comentário ↓
Numa aplicação web, considere o caso em que um arquivo intitulado xpto.txt é obtido do servidor sem que a página inteira seja recarregada.
A estrutura básica correta do código para o uso da tecnologia Ajax nesse caso é:
- A```
const xhttp = new XMLHttpRequest();
xhttp.open("GET", "xpto.txt");
xhttp.send();
``` - B```
const xhttp = new HttpRequest();
xhttp.onload = function() { ... }
xhttp.open("GET", " xpto.txt ");
xhttp.send();
``` - C```
const xhttp = new XMLHttpRequest();
xhttp.open = function() { ... }
xhttp.send("GET", " xpto.txt ");
xhttp.onload();
``` - D```
const xhttp = new XMLHttpRequest();
xhttp.onload = function(){ ... }
xhttp.open("GET", " xpto.txt ");
xhttp.send();
``` (alternativa correta) - E```
const xhttp = new XMLRequest();
xhttp.onload("GET", " xpto.txt ");
xhttp.send();
```
Resposta comentada
Gabarito Alternativa D
AJAX (Asynchronous JavaScript and XML) permite que seu navegador converse com um servidor web para buscar ou enviar dados sem precisar recarregar a página inteira, tornando a experiência do usuário mais fluida e rápida.
- (A) Incorreta: O código inicia e envia a requisição, mas não define uma função para lidar com a resposta do servidor (como
onloadouonreadystatechange). Sem isso, a aplicação não saberá o que fazer com o conteúdo de xpto.txt quando ele for recebido. - (B) Incorreta: O nome do objeto para criar a requisição está incorreto; deveria ser
XMLHttpRequest, nãoHttpRequest. - (C) Incorreta: Apresenta múltiplos erros:
opené um método para configurar a requisição, não uma propriedade para atribuir uma função;sendnão recebe os argumentos do método e URL (isso é feito emopen); eonloadé uma propriedade de evento que recebe uma função, não um método que deve ser chamado manualmente. - (D) Correta: Esta é a estrutura básica correta.
new XMLHttpRequest()cria o objeto da requisição;xhttp.onload = function(){ ... }define a função que será executada quando a requisição for concluída com sucesso (e a resposta estiver disponível);xhttp.open("GET", " xpto.txt ")configura o tipo de requisição (GET) e o arquivo a ser buscado; exhttp.send()envia a requisição ao servidor. - (E) Incorreta: O nome do objeto está incorreto (
XMLRequestem vez deXMLHttpRequest), eonloadé uma propriedade de evento, não um método que aceita argumentos comoopen.
Fonte: FGV BANESTES 2021 Analista em Tecnologia da Informação - Desenvolvimento de Sistemas (Caderno Tipo 1). Reproduzida para fins de estudo.