[JS] 19. AJAX

1. What is AJAX?

• Asynchronous Javascript And XML

• 즉, 비동기 통신 웹 개발 기술

• 즉, 화면 전체를 새로고침 하지 않아도, 일부만 서버로 요청을 보내고 데이터를 받아서 화면의 일부분만 업데이트를 할 수 있게 하는 것

⇒ 이런 비동기 웹 통신을 위한 라이브러리가, 앞에서 말한 Axios 이다

2. HTML → JS 로 어떻게?

⇒ Data set 사용하기

<div data-my-id = "my-data"> </div>

<script>
	const myId = event.target.dataset.myId
</script>

3. csrftoken 처리는?

⇒ hidden으로 숨겨져있는 csrf 값을 가진 input태그를 선택

• AJAX로 csrftoken을 보내는 방법 참고

• axios의 headers 부분에 object를 추가한다.

Uploaded by N2T