jQuery를 이용하여 다수의 Ajax 요청을 처리하여 결과 값으로 처리할 비지니스가 있는 경우. 문제가 발생 할 수 있다. 기본적으로 Javascript의 Ajax요청은 비동기 요청이 default 값 이기 때문에 ajax 요청은 진행 되는 상황에서도 다음 코드는 실행이 된다. 이와 같은 현상을 피할 수 있는 방법을 소개 한다.
1. setTimeout
//...
setTimeout(function() {
// process
}, 1000);
//...
위와 같은 방법을 이용하는 경우 1번째 인자는 구현하는 함수이고, 2번째 인자는 밀리초 단위로 들어간다. 위 방법은 그다지 추천하는 방법은 아니지만, 구현은 가능하다.
2. ajax 동기요청
//...
$.ajax({
//...
async: false,
//...
});
//...
jQuery를 사용 했는데, async는 기본 값이 true이고 비동기 요청을 하게 된다. 이 값을 false로 적용하게 되면, 동기 요청을 하면서 순차적인 처리가 가능해진다.
※ 참고 사이트: http://jquery.com/
'Javascript' 카테고리의 다른 글
Javascript 페이지내에서 다수의 스크립트 실행하기 (0) | 2012.12.23 |
---|---|
jQuery로 Ajax 처리시 Array 전송하기 (0) | 2012.12.06 |
Date 함수 관련 (0) | 2012.11.16 |
jQuery Ajax (0) | 2012.11.09 |
jQuery each (0) | 2012.11.08 |