JavaScript

XMLHttpRequest

갈잃자 2022. 5. 3. 00:10

서버와 상호작용하기 위해 사용되며 전체 페이지의 새로 고침 없이 데이터를 받아올 수 있다.

사용자의 작업을 방해하지 않으면서 페이지 일부를 업데이트 할 수 있음

주로 ajax프로그래밍에 사용

이름과 달리 xml뿐만 아니라 모든 종류의 데이터를 받아올 수 있음

생성자 --> XMLHttpRequest()


ex)

<script>
  const request = new XMLHttpRequest() // XMLHttpRequest 함수를 실행
  const URL = 'https://jsonplaceholder.typicode.com/todos/1' // 쓰여질 url

  request.open('GET', URL) // 브라우저 검색창에 get형태로 url올려놓고 대기상태
  console.log('start')
  request.send() // 보내기
  const todo = request.response //응답을 todo라는 변수에 대입
  console.log('end')
  </script>