3-1 REST API, ajax

kst5137·2022년 1월 17일
post-thumbnail

REST API

자원의 상태를 주고 받는 모든 것

xml : html과 비슷함 확장마크업랭귀지
json : {키 : []} 의 형태로 이루어져서 보기 편함

ajax : 비동기 통신

asynchronous javascript의 약자인데 자바스크립트로 만든다는게 중요
한번 요청을 하면 응답이 오지 않아도 여러번 요청 가능 ( 검색버튼과 웹툰누르기가 동시에 가능, 한페이지에 두개 화면 가능)
동기통신은 요청을 하고 응답이 오기전까지 아무것도 못함( 검색의 결과가 오기전까진 다른작업을 못함)

		function sendRequest() {
			var httpRequest = new XMLHttpRequest();
			httpRequest.onreadystatechange = function() {
<!--			콜백 함수를 등록 -->
				if (httpRequest.readyState == XMLHttpRequest.DONE && httpRequest.status == 200 ) {
					document.getElementById("text").innerHTML = httpRequest.responseText;
				}
			};
<!--우리가 요청을 보내고 응답이 왔을때 if부분의 함수가 실행이 됨 -->
<!--서버에서 온 응답이 200(정상적이면) 아래 코드를 실행시켜라-->
<!--서버한테 온 응답을 -->
<!--document(문서전체)에서 ID가 text를 찾아서 그안에 있는 p태그안에 서버에서 온 응답을 저장한다-->
			httpRequest.open("GET", "/api", true);

			httpRequest.send();
<!--보내는 명령어-->

모델이 변경되면
python manage.py makemigrations board
python manage.py migrate
를 쳐줘야함

profile
공부중인 학생

0개의 댓글