Ajax GET 기본 포맷

*Ajax는 반드시 JQuery의 작동하에서 사용해야 한다!!! (JQuery를 구동시키지 않고 사용하면 Ajax는 작동하지 않는다. + JQuery slim 버젼일때도 작동 x)

*그러니 Ajax를 사용할 때는 지금 사용하고 있는 프로젝트가 JQuery의 적용을 받고 있는지(+slim 버젼이 아닌지) 확인할 것!!!

 

Ajax는 웹 페이지의 일부를 갱신할 수 있도록 도와주는 친구임. 특정 웹페이지를 출력했을 때 웹페이지가 요구하는 모든 정보를 한번에 불러오면 여러 측면에서 비효율적이기 때문에, 사용자가 원하는 정보만을 선별적으로 불러올 수 있도록 고안된 것이 Ajax!!!

 

Ajax는 위 목표를 위해 서버와 통신하며 작동하고, 이를 위해 GET과 POST의 두가지 기전을 사용한다.

 

GET : 클라이언트(웹페이지)가 서버에 지정된 데이터를 요청하는 행위

[클라이언트 -> 서버]

POST : 서버가 클라이언트에 지정된 데이터를 제출하는 행위

[서버 -> 클라이언트]

 

그 중 GET의 형태는 다음과 같다!!!

 

Ajax GET 기본 포맷

$.ajax({
  type: "GET",
  url: "url",
  data: {},
  success: function(response){
    console.log(response)
  }
})

 

url이 소스.

function(response)하에서 원하는 값을 입력하면 된다.

 

*Ajax는 JSON 포맷을 사용한다고 함. (JSON이 뭔지는 모르겠음... ㅎ)