자바스크립트를 통해서 서버에 데이터를 요청하는 것
AJAX라는 네트워크 기술을 이용하여 클라이언트에서 서버로 데이터를 요청하고 그에 대한 결과를 돌려받을 수 있다.
Ajax 기본 구조
Ajax는 jQuery를 임포트한 페이지에서만 동작 가능
$.ajax({
type: "GET", // GET 방식으로 요청
url: "여기에URL을입력", // 요청할 url
data: {}, // 요청하면서 함께 줄 데이터 (GET 요청시엔 비워두기)
success: function(response){
console.log(response)
}
})
GET
통상적으로 데이터 조회(Read)를 요청할 때
예) 영화 목록 조회
POST
통상적으로 데이터 생성(Create), 변경(Update), 삭제(Delete) 요청할 때
예) 회원가입, 회원탈퇴, 비밀번호 수정
처음 Ajax 강의를 들었을 땐 이거는 기본 구조가 이렇고 구조 안에 이 부분은 이렇게 작성하고 코드를 따라치면서 했었는데 이번에 다시 보면서 내가 지금 ajax가 정확히 뭔지 알고 코드를 작성하고 있는지 의문이 들어서 구글링을 통해서 좀 더 알아봤다. ajax는 클라이언트가 서버에 데이터를 요청하고 그 결과를 웹 페이지의 일부분에만 표시할 수 있는 개발 기법 중에 하나라고 한다. 새로 고침 없이 페이지 일부의 데이터를 바꿀 수 있는 것이 장점이라고 하는데 아직은 간단한 연습문제로만 공부를 해서 그런지 그렇게 와닿지는 않는 것 같다. 지금은 일단 ajax를 이용했을 때 어떠한 장단점들이 있는지 알고만 있는 게 좋을 것 같다..!