이번 포스트에서는 vanilla javascript를 이용한 ajax 처리에 대해서 살펴보자. 사실 대부분의 경우 jquery나 axios등을 사용하겠지만 어차피 모두들 맨 마지막에는 이 vanilla javascript가 동작하는 거니까 한번쯤은 사용해볼만 하다. api 설명 vanilla j.s에서 ajax는 XMLHttpRequest 객체를 이용한다. 이를 요청, 응답, 그리고 callback 이벤트의 단계로 살펴보자. 요청 함수 함수 설명 XMLHttpRequest 생성자로 ajax 작업을 위한 XMLHttpRequest 객체를 생성할 때 사용 이를 통해서 만들어진 객체를 통상 xhr 이라고 부름 open(method, url) xhr을 이용해서 요청을 만드는 함수 - method: 전송 방식으로..
[ajax]2. vanilla javascript를 이용한 ajax 처리
이번 포스트에서는 vanilla javascript를 이용한 ajax 처리에 대해서 살펴보자. 사실 대부분의 경우 jquery나 axios등을 사용하겠지만 어차피 모두들 맨 마지막에는 이 vanilla javascript가 동작하는 거니까 한번쯤은 사용해볼만 하다. api 설명 vanilla j.s에서 ajax는 XMLHttpRequest 객체를 이용한다. 이를 요청, 응답, 그리고 callback 이벤트의 단계로 살펴보자. 요청 함수 함수 설명 XMLHttpRequest 생성자로 ajax 작업을 위한 XMLHttpRequest 객체를 생성할 때 사용 이를 통해서 만들어진 객체를 통상 xhr 이라고 부름 open(method, url) xhr을 이용해서 요청을 만드는 함수 - method: 전송 방식으로..
2022.03.14