본문 바로가기
JavaScript

XMLHttpRequest

by 갈잃자 2022. 5. 3.

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

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

주로 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>

'JavaScript' 카테고리의 다른 글

array(배열)을 변형시키는 내장함수들  (0) 2022.09.20
형변환, typeof  (1) 2022.09.18
삼항연산자  (0) 2022.09.17
Axios  (0) 2022.05.03
비동기식 코드  (0) 2022.05.03

댓글