검색결과 리스트
-- JQuery에 해당되는 글 38건
- 2017.03.22 javascript promise code style
글
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.
보통 자바스크립트에서 AJAX로 호출하기 위해 아래와 같은 문법을 사용한다.
(필자만이 이 방식을 많이 쓰는 건지는 모르겠지만)
$.ajax({
url: 'http://hipsterjesus.com/api',
dataType: 'json',
success: function(data) {
console.log('success', data.text);
},
error: function(data) {
console.log('error', data);
},
complete: function() {
console.log('complete');
}
});
그런데, 자바스크립트에서는 문법을 더 직관적으로 보이기 위해 (특히 콜백) Promise 스타일이 존재한다.
Promise의 필요는 특히 Node.js를 쓸 때 많이 거론되는 Callback Hell 이 대표적이다.
(물론 다른 라이브러리로 사용할 수 있고, Node.js의 그것과는 약간의 차이가 있다)
여기서는 코딩 스타일에 집중한다.
$.ajax({
url: 'http://hipsterjesus.com/api',
dataType: 'json'
})
.done(function(data) {
console.log('done', data.text);
})
.fail(function(data) {
console.log('error', data);
})
.always(function() {
console.log('always');
});
스타일을 변경한 것만으로도 코드가 훨씬 직관적으로 변했다. (개인차는 있을 수 있으나)
참조 : https://davidwalsh.name/write-javascript-promises
'-- JQuery' 카테고리의 다른 글
| monthpicker 이용 시 미래의 월(month) 비활성화하기 (0) | 2020.10.22 |
|---|---|
| jquery로 스크롤 막기/풀기 (0) | 2018.03.12 |
| $.each 메소드 사용시 break, continue 사용 (0) | 2017.01.24 |
| JQuery data() (0) | 2015.11.16 |
| ajax로 업로드 시 file객체 처리 (0) | 2015.05.11 |
RECENT COMMENT