이전에 공부하던 부분부터 이어서 플레이할 수 있습니다.
이어서 보기 처음부터 보기

AJAX

  • 브라우저에서 페이지를 이동하지 않고 자바스크립트를 통해 HTTP Request를 보내고 받아 JS에서 처리할 수 있음
  • 사용자에게 더 나은 사용 경험 제공, 대부분의 웹사이트에서 사용되고 있는 기술

1. AJAX를 위한 객체 생성

var req = new XMLHttpRequest(); // HTTP 요청을 만들 수 있는 새로운 객체를 생성하는 명령

2. 요청의 방식과 URL 설정

req.open("GET", "./data.txt"); // http request method와 URL 설정

3. 요청 전송

req.send();

응답 확인

  • req.response에 저장됨
  • 비동기 방식으로 요청하기 때문에 send 메소드 호출 후, 바로 코드에서 접근하면 데이터가 비어 있음
  • AJAX의 진행에 따라 호출되는 callback함수를 활용해야 함.

브라우저 옵션

--disable-web-security 옵션

브라우저의 보안 정책을 우회하기 위해 사용하는 옵션

same-origin-policy등을 비활성화 함