웹개발 및 최신 테크 소식을 전하는 블로그, 웹이즈프리

HOME > jquery

jquery post method

Last Modified : 2018-08-23 / Created : 2018-08-22
4,026
View Count
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()를 알아보았습다.

Previous

제이쿼리 포커스 아웃 이벤트 알아보기, focusout()

Previous

제이쿼리 when() 메소드 알아보기