jquery에서 서버와 비동기로 통신할 수 있는 ajax()의 단축 메소드 post()에 대하여 알아봅니다.
# jQuery post() 메소드제이쿼리의 post()는 ajax인 서버와의 비동기 통신을 가능하게해주는 메소드입니다. ajax() 메소드와 기능적으로는 동일하며HTTP post 방식의 통신에 사용되도록 정해진 단축 메소드입니다. 그렇다면 어떻게 post()를 사용하는지 아래에서 예제로 알아봅니다.
# jquery post() 메소드 예제보기ajax()의 단축 메소드이므로 사용 방법은 아주 간단한데 $.post()에 서버 url주소와 전달할 데이터를 바로 넘겨주면됩니다. 아래 예제는 임의의 서버와 통신하는 예제로 수신 결과를 콘솔에서 출력하는 간단한 예제입니다.
아래와 같이 콜백에 대하여 사용할 수도 있습니다.
여기까지 제이쿼리의 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');
})
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) {
...
});
console.log(response);
})
.fail(function(response) {
...
})
.always(function(response) {
...
});
여기까지 제이쿼리의 ajax()의 단축 메소드인 post()를 알아보았습다.