Ajax의 개념

Ajax : 서버에다가 GET/POST 요청을 할 수 있게 도와주는데 새로고침없이 요청할 수 있음
서버 : 접속자가 요청을 하면 데이터를 갖다줌
요청(request) : GET / POST 요청
GET -> URL을 입력해서 요청함 (읽기)
POST -> 숨겨서 정보를 전달하거나 요청함 (쓰기)

Ajax 사용법

jQuery사용하여 Ajax
-> $.ajax({
url : 'https://naver.com',
type : 'GET'
});

해석 : url에 적힌 주소로 들어가서 데이터를 가져옴
추가로 가져온 데이터 확인하는 법

$.ajax({
url : 'https://naver.com',
type : 'GET'
}).done(function(데이터){
console.log(데이터)
});

성공했을경우 done에 입력된 함수를 실행시킴 (파라미터안에는 위에서 가져온 데이터가 표시)

그 외
실패했을때 : .fail() 함수
항상 실행하고싶은 코드 : .always() 함수 ex)로딩표시

예제

버튼을 클릭하면 바인딩 하고싶은 html 지정하는법 (표시될 html태그의 클래스명.html 식으로)