승띵이의 개발일지

XHR 앞선 XHR 게시글에서 XHR에 대해 간단히 정리했었다. 여기서는 이 XHR의 로직에 대해 한번 자세하게 뜯어서 정리해 보려고 한다. 씹고 뜯고 맛보러 고고 이전 XHR 게시글 : https://myung-it.tistory.com/30 [JavaScript] XHR Ajax Ajax(Asynchronous Javascript ans XML)은 비동기적으로 자바스크립트를 이용해서 서버와 브라우저가 통신하는 방식이다. 비동기적이란 어떤 작업을 요청했을 때 그 작업이 종료될때 까지 기다리지 않 myung-it.tistory.com AJAX의 동작원리 AJAX의 동작원리를 말하자면 1. XMLHttpRequest 객체 생성 2. FormData 객체 생성 3. 서버로 보낼 Ajax 요청의 형식 지정( ..

Ajax Ajax(Asynchronous Javascript ans XML)은 비동기적으로 자바스크립트를 이용해서 서버와 브라우저가 통신하는 방식이다. 비동기적이란 어떤 작업을 요청했을 때 그 작업이 종료될때 까지 기다리지 않고 다른 작업을 하고 있다가, 요청했던 작업이 종료되면 그에 대한 추가 작업을 수행하는 방식을 말한다. JS에서 Ajax를 사용하기 위해 XMLHttpRequest 객체를 사용한다. XHR 표준 XHR 표준은 아래와 같다. 이 로직은 아주 아주 자주 쓰인다고 하니 눈 감고도 쓸 수 있도록 외워야지 const xhr = new XMLHttpRequest(); const formData = new Formdata(); // 요청 시 같이 보낼 데이터(데이터가 없으면 상관 x) xhr.o..