Pular para o conteúdo principal

Questão de Programação — CSS (Cascading Style Sheets) — VUNESP 2023

ProgramaçãoCSS (Cascading Style Sheets)
Código
vu073309
Banca
VUNESP
Órgão
DPE-SP
Ano
2023
Nível
Superior
Cargo
Agente de Defensoria - Administrador de Redes
O seguinte trecho de código foi encontrado em uma página HTML<script>function loadDoc() {const xhttp = new XMLHttpRequest();xhttp.onload = function() {myFunction(this);}xhttp.open(“GET”, “arq.xml”);xhttp.send();}...</script>sendo que a implementação da função myFunction foi propositalmente omitida.Com base nas informações apresentadas, é correto afirmar que
  1. Aa função myFunction aplica alguma regra CSS a algum elemento da página.
  2. Bnão é possível concluir se AJAX é utilizado sem conhecer a implementação de myFunction.
  3. Cé utilizado AJAX para efetuar uma requisição ao servidor web. A chamada xhttp.send() faz com que a página seja recarregada no navegador.
  4. Dé utilizado AJAX para efetuar uma requisição ao servidor web sem recarregar a página na chamada xhttp.send().
  5. Eo arquivo arq.xml contém regras de estilo CSS.
Revelar gabarito e comentário

GabaritoD — é utilizado AJAX para efetuar uma requisição ao servidor web sem recarregar a página na chamada xhttp.send().

Comentário gerado por IA. É um apoio ao estudo, ancorado em fontes, mas pode conter imprecisões — confira sempre na fonte oficial (lei, súmula, edital e gabarito da banca). Encontrou um erro? Use “Reportar”.

AJAX com XMLHttpRequest

Gabarito: letra D. O código utiliza o objeto XMLHttpRequest para fazer uma requisição assíncrona ao servidor (arquivo arq.xml). A requisição é enviada com xhttp.send() e, quando a resposta chega, o evento onload dispara a função myFunction(this). Esse é o padrão clássico de AJAX, que permite atualizar partes da página sem recarregá-la completamente.

A questão testa o conhecimento básico de requisições assíncronas com JavaScript. O trecho apresentado é suficiente para concluir que se trata de AJAX, independentemente da implementação de myFunction.

  1. 1Cria XMLHttpRequest
  2. 2Define onload (callback)
  3. 3open('GET', 'arq.xml')
  4. 4send() — requisição assíncrona
  5. 5Resposta chega → dispara onload
  6. 6myFunction(this) processa resposta
LEVEL · soulevel.com.br

Alternativa A — ❌ Incorreta

Não há menção a CSS no código. A função myFunction pode manipular o DOM, mas não necessariamente aplica regras CSS. O código nada diz sobre estilos.

Alternativa B — ❌ Incorreta

É possível sim concluir que AJAX é utilizado: a criação de XMLHttpRequest e a chamada xhttp.send() já caracterizam uma requisição assíncrona. A função myFunction apenas trata a resposta, mas a técnica AJAX está presente.

Alternativa C — ❌ Incorreta

A requisição com XMLHttpRequest é assíncrona por padrão (a menos que o terceiro parâmetro de open() seja false, o que não ocorre). Portanto, xhttp.send() não recarrega a página; ela envia a requisição em segundo plano. A afirmação de que "a página seja recarregada" é o erro.

Alternativa D — ✅ Correta ⟵ GABARITO

Exatamente. O código utiliza AJAX (XMLHttpRequest) para efetuar uma requisição ao servidor web. xhttp.send() inicia a requisição de forma assíncrona, sem recarregar a página. Quando a resposta chega, o onload é disparado.

Alternativa E — ❌ Incorreta

O arquivo arq.xml pode conter qualquer dado XML, não necessariamente regras CSS. A extensão .xml indica dados estruturados, e não há indicação de que seja uma folha de estilo.

NÃO CAIA NESSA!

A banca explora a confusão entre requisição síncrona e assíncrona. No código, xhttp.send() não bloqueia nem recarrega a página; ela envia a requisição e continua executando. O estudante pode pensar erroneamente que é uma requisição síncrona que recarrega, mas o padrão do XMLHttpRequest é assíncrono.

Gabarito: letra D.

Link permanente: /questoes/vu073309