데이터 전송 및 응답(XMLHttpRequest)

<script>
    const Http = new XMLHttpRequest();
    const url = 'http://localhost/prc/GC/1.php';//정보를 받아올 URL(공격받는 URL)

    Http.open('GET', url);
    Http.send();
    Http.onreadystatechange = () => {
        console.log(Http.responseText);
    };
</script>

XMLHttpRequest

서버와 통신하도록하는 객체

• 객체는 서버와 상호작용하기 위해 사용
• 전체페이지를 새로고침 없이 데이터를 전송하거나 받을 수 있음
• 데이터 통신은 아니고 데이터를 받아오는거임
• 객체는 브라우저에서만 제공하는 API

XMLHttpRequest.onreadystatechange

• ready state 속성이 변경될때 호출할 함수를 정함
  0 open()전
  1: 로딩중
  2: 로딩완료
  3: 서버 처리중
  4: 서버 처리완료

xmlHttpRequest.responseText

• 요청에 대한 응답을 DOMString으로 반환
• 서버에서 전송한 데이터를 text형식으로 담고 있다.

xmlHttpRequest.open

• open("전송방식","경로",[비동기사용여부])
• 비동기식요청을 보내면 js는 서버응답을 기다리며 다른 일을 할 수 있습니다.

xmlHttpRequest.setRequestHeader

• 지정한 헤더의 텍스트를 갖는 문자열 반환
• 요청 헤더에 내용추가("key","value")
• 데이터 타입 형식 지정

xmlHttpRequest.send

• 요청을 보냄

--Normaltic Study 4주차 6일--