2
respostas

[Dúvida] Eu não entendi

O professor só foi passando as coisas e não entendi o que significa isso:

const http = new XMLHttpRequest()
http.open('GET', 'http://localhost:3000/profile')
http.send()

http.onload = () => {
    const data = http.response
    console.log(data)
}

Alguém poderia me explicar o que é esse XMLHttpRequest, o http.open e http.send. E o que é esse http.response? Eu teria que ter feito algum curso antes desse? Porque até agora eu não estou familiarizada com nada disso, e ele só vai passando o conteúdo. Vi que o único requisito do curso é saber sobre a manipulação do DOM (coisa que já sei), mas nada sobre isso que ele só vai passando achando que a gente já sabe.

2 respostas

Olá! A linha const http = new XMLHttpRequest() cria uma nova instância do objeto XMLHttpRequest, um objeto que permite que você faça solicitações HTTP a servidores web e interaja com os dados retornados, ou seja, permite que você rode esses comandos de "send", "open" como requisições.

http.open('GET', 'http://localhost:3000/profile') configura a solicitação HTTP, fazendo uma solicitação do tipo GET para esta url, isto quer dizer que você está solicitando os dados da página profile.

O comando http.send() envia a solicitação que você configurou na linha anterior.

Existe um curso chamado "JavaScript: Criando requisições" que pode ajudar a tirar essas dúvidas!

Muito obrigada! Acho que vou fazer esse curso primeiro então... Na verdade eu vim fazer esse curso porque estou fazendo um challenge e estava tendo dificuldades, esses assuntos é uma parte que eu não sei muito ainda, tenho que estudar mais