항해 웹개발 종합반 2주차, 통신과 Ajax

JSON이란?

Key-Value값의 형태를 띄고 있는 포맷으로, JS의 딕셔너리나 Java의 Map과 유사한 형태를 지닌다.

사람이 읽을 수 있게 텍스트를 지원하는 것이 큰 특징이다.

 

서버에 요청을 한다?

은행의 창구에다가 돈 넣어줘, 출금해줘라고 명령하는 것과 같은 것.

방식에는 GET, POST, PATCH, DELETE등이 있지만 여기서는 GET과 POST방식만 먼저 배운다.

 

GET방식?

통상적으로 데이터를 조회할 때 쓰이는 방식

쿼리데이터에 대해서는 나중에 다시 포스팅 하겠음

 

POST방식?

통상적으로 데이터를 생성, 변경, 삭제할 때 쓰이는 방식

 

AJAX란?

JS와 XML을 이용한 비동기적 정보 교환 기법인데, 쉽게 말하면 서버와 통신해서 웹 페이지의 일부에만 표시할 수 있다는 것이다. 웹 페이지를 전부 다시 로딩하지 않고 일부분만을 갱신할 수 있으므로 빠른 개발이 가능하다.

이 AJAX를 이용한 프레임워크가 JQuery임

출처 https://www.tcpschool.com/ajax/ajax_intro_works

Ajax의 기본 골격

$.ajax({
	type: "GET",
	url: "여기에URL을입력",
	data: {},
	success: function(response){
	console.log(response)
	}
})

type에는 GET방식인지, POST방식인지를 적어주고

url에는 요청할 url을 적는다. (어디서 가져올 것인지)

data는 GET방식일경우 공백, POST방식일경우에는 data: { param: 'value', param2: 'value2' } 등의 양식으로

            데이터를 가져간다.

success일 경우에 response를 가지고 function을 돌린다는 뜻인데, 늘 console.log로 한번 확인해보는 시간을 거치자.

 

추가)

창이 완료되었을 때 실행하는 메서드

$(document).ready(function(){
	alert('다 로딩됐다!')
});