jQuery 다수의 Ajax 요청 처리 관련


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/


신고
크리에이티브 커먼즈 라이선스
Creative Commons License

'Develop > Javascript' 카테고리의 다른 글

Javascript 페이지내에서 다수의 스크립트 실행하기  (0) 2012.12.23
jQuery로 Ajax 처리시 Array 전송하기  (0) 2012.12.06
jQuery 다수의 Ajax 요청 처리 관련  (2) 2012.11.27
Date 함수 관련  (0) 2012.11.16
jQuery Ajax  (0) 2012.11.09
jQuery each  (0) 2012.11.08
Designed by CMSFactory.NET