jquery에서 서버와 비동기로 통신할 수 있는 ajax()의 단축 메소드 post()에 대하여 알아봅니다.




# jQuery post() 메소드제이쿼리의 post()는 ajax인 서버와의 비동기 통신을 가능하게해주는 메소드입니다. ajax() 메소드와 기능적으로는 동일하며HTTP post 방식의 통신에 사용되도록 정해진 단축 메소드입니다. 그렇다면 어떻게 post()를 사용하는지 아래에서 예제로 알아봅니다.




# jquery post() 메소드 예제보기ajax()의 단축 메소드이므로 사용 방법은 아주 간단한데 $.post()에 서버 url주소와 전달할 데이터를 바로 넘겨주면됩니다. 아래 예제는 임의의 서버와 통신하는 예제로 수신 결과를 콘솔에서 출력하는 간단한 예제입니다.
var url = 'webisfree.com/testapi/';
var data = {
  name: '웹이즈프리',
  type: 'BLOG'
}

$.post(url, data, function(response) {
  console.log('Done');
})

아래와 같이 콜백에 대하여 사용할 수도 있습니다.
$.post(url, data).done(function(response) {
  console.log(response);
})
.fail(function(response) {
  ...
})
.always(function(response) {
  ...
});

여기까지 제이쿼리의 ajax()의 단축 메소드인 post()를 알아보았습다.