AJAX(get, post)

서버에 GET, POST 요청을 할 때 새로고침 없이 데이터를 주고받을 수 있게 도와주는
간단한 브라우저 기능을 AJAX라고 한다.
AJAX를 쓰면 새로고침 없이도 쇼핑몰 상품을 더 가져올 수도 있고
새로고침 없이도 댓글을 서버로 전송할 수도 있다.

 

jQuery로 AJAX 요청하는 법

$.get('https://abcde12342.github.io/hello.txt');

$.get() 라는 함수를 쓰고 안에 url만 잘 기입하면 된다.

 

 

GET

$.get('https://abcde12342.github.io/hello.txt').done(function(data){
  console.log(data)
});

가져온 데이터가 어디 들어있냐면,
.done 아니면 .then 뒤에 붙이고 콜백함수넣고 파라미터 하나 만들면 거기에 들어있다.

 

POST

$.post('url~~', {name : 'kim'})

 

 

 

$.get('https://abcde12342.github.io/hello.txt')
  .done(function(data){
    console.log(data)
  })
  .fail(function(error){
    console.log('실패함')
  });

ajax 요청 성공시 .done 안에 있는 코드를 실행해주고,
ajax 요청 실패시 .fail 안에 있는 코드를 실행해준다.  

error는 출력해보면 에러관련 정보를 출력해준다. 그거 보고 디버깅하면 되는 것이다.
done/fail 말고 then/catch 써도 된다.