JSON이란?
Key-Value값의 형태를 띄고 있는 포맷으로, JS의 딕셔너리나 Java의 Map과 유사한 형태를 지닌다.
사람이 읽을 수 있게 텍스트를 지원하는 것이 큰 특징이다.
서버에 요청을 한다?
은행의 창구에다가 돈 넣어줘, 출금해줘라고 명령하는 것과 같은 것.
방식에는 GET, POST, PATCH, DELETE등이 있지만 여기서는 GET과 POST방식만 먼저 배운다.
GET방식?
통상적으로 데이터를 조회할 때 쓰이는 방식
쿼리데이터에 대해서는 나중에 다시 포스팅 하겠음
POST방식?
통상적으로 데이터를 생성, 변경, 삭제할 때 쓰이는 방식
AJAX란?
JS와 XML을 이용한 비동기적 정보 교환 기법인데, 쉽게 말하면 서버와 통신해서 웹 페이지의 일부에만 표시할 수 있다는 것이다. 웹 페이지를 전부 다시 로딩하지 않고 일부분만을 갱신할 수 있으므로 빠른 개발이 가능하다.
이 AJAX를 이용한 프레임워크가 JQuery임
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('다 로딩됐다!')
});'웹개발 > 항해' 카테고리의 다른 글
| 항해 웹개발 종합반 3주차, Week I Learned (0) | 2023.01.03 |
|---|---|
| 항해 웹개발 종합반 2주차, Week I Learned (1) | 2023.01.03 |
| 항해 웹개발 종합반 2주차, JQuery (0) | 2023.01.03 |
| 항해 웹개발 종합반 1주차, Week I Learned (0) | 2023.01.03 |
| 항해 웹개발 종합반 1주차, JS와 BootStrap (0) | 2023.01.03 |
