Entendendo as Propriedades do XMLHttpRequest

Entendendo as Propriedades do XMLHttpRequest

O XMLHttpRequest é um objeto JavaScript fundamental para realizar requisições HTTP assíncronas. Ele permite que você interaja com servidores e atualize partes de uma página sem recarregá-la completamente. Neste post, vamos explorar as propriedades mais importantes do XMLHttpRequest, como readyState e status, e como elas podem ser usadas para monitorar o progresso de uma requisição.

if (window.XMLHttpRequest) {
            xhttp = new XMLHttpRequest();
        } else {
            // code for IE6, IE5
            xhttp = new ActiveXObject("Microsoft.XMLHTTP");
        }
        //O QUE SERÁ ALTERADO NA PAGINA
        xhttp.onreadystatechange = function () {
            if ((this.readyState === 0)){
                alert("0: request not initialized ");           
            }
            else if ((this.readyState === 1)){
                alert("1: server connection established");
            }
            
            else if ((this.readyState === 2)){
                alert("2: request received ");
            }
            
            else if ((this.readyState === 3)){
                alert("3: processing request ");
            }
            
            else if ((this.readyState === 4)){
                alert("4: request finished and response is ready");
                document.getElementById("listaResultadoCurso").innerHTML = this.responseText;
            }
            
            else if (this.status === 200) {
                alert("200: OK");
            }
        else if (this.status === 403) {
                alert("403: Forbidden");
            }
            
            else if (this.status === 404) {
                alert("404: Not Found");
            }
        else {
                alert("Nenhuma das Alternativas");
            }
        };

Propriedades do XMLHttpRequest

1. readyState:
   Essa propriedade indica o estado atual da requisição. Os valores possíveis são:
   • 0: Requisição não inicializada.
   • 1: Conexão com o servidor estabelecida.
   • 2: Requisição recebida pelo servidor.
   • 3: Processando a requisição.
   • 4: Requisição concluída e resposta pronta.
2. status:
   Representa o código de status HTTP da resposta. Alguns exemplos comuns são:
   • 200: OK (sucesso).
   • 403: Acesso proibido.
   • 404: Recurso não encontrado.

Como Funciona na Prática

Ao criar uma requisição com XMLHttpRequest, você pode usar o evento onreadystatechange para monitorar o progresso da requisição. Dependendo do valor de readyState e status, você pode tomar decisões, como exibir mensagens de alerta ou atualizar o conteúdo da página.

Por exemplo, quando readyState é 4 e status é 200, significa que a requisição foi concluída com sucesso, e você pode usar a resposta para atualizar o DOM.

Conclusão

Entender as propriedades do XMLHttpRequest, como readyState e status, é essencial para trabalhar com requisições assíncronas em JavaScript. Essas propriedades permitem que você monitore o progresso das requisições e tome ações com base no estado e no resultado da resposta. Com esse conhecimento, você pode criar aplicações mais dinâmicas e responsivas.

Dica: Sempre teste diferentes cenários para garantir que sua aplicação lide corretamente com todos os estados e códigos de status possíveis.

Fabio Bmed

Olá! Sou Fábio Bmed — fundador da Metapax, consultoria estratégica de posicionamento e crescimento para negócios, e criador da MapexMind, um método de neuropsicologia aplicada voltado à compreensão prática da mente humana. Também sou o criador do blog FabioBmed.com.br.

Desde 2006 trabalho com tecnologia, marketing digital e análise de sistemas complexos. Mas os sistemas que mais me fascinam hoje são os que carregamos dentro da cabeça.

Estou entrando na psicologia, com foco em neuropsicologia — a ciência que explica por que você pensa, decide e se comporta do jeito que faz. Essa transição não é um desvio de rota: é a evolução natural de quem passou décadas entendendo como sistemas funcionam — e percebeu que o mais complexo de todos ainda estava por ser mapeado.

Ao longo dessa trajetória, criei dois projetos que sintetizam essa visão.

A Metapax nasceu da percepção de que negócios não crescem por acaso. Crescem quando existe uma estrutura clara de autoridade, presença e experiência do cliente. Depois de mais de duas décadas liderando operações digitais e analisando padrões de crescimento empresarial, transformei esse entendimento no Método APA — Autoridade, Presença e Atendimento — aplicado a empresas e profissionais que querem crescer com previsibilidade e posicionamento sólido.

Já a MapexMind surgiu de outro tipo de investigação: entender a arquitetura da mente humana. O projeto aplica neuropsicologia à vida real para ajudar pessoas a compreenderem padrões emocionais, cognitivos e comportamentais — próprios ou de quem amam — traduzindo conceitos complexos em clareza prática e utilizável.

No fundo, os dois projetos partem da mesma pergunta:

Como sistemas funcionam por trás da superfície?

Negócios, comportamento, decisões, relações humanas, tecnologia, marketing e mente — tudo aqui é analisado pelo mesmo prisma: estrutura, padrões e a ciência por trás de como as coisas realmente funcionam.

Este blog é o ponto de encontro dessas áreas. Um espaço onde tecnologia, psicologia, neurociência, comportamento humano, marketing e filosofia prática deixam de ser assuntos separados e passam a conversar entre si.

www.fabiobmed.com.br