JavaScript & jQuery | 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로 적용하게 되면, 동기 요청을 하면서 순차적인 처리가 가능해진다.  

 

댓글목록

등록된 댓글이 없습니다.

총 게시물 12 개, 페이지 1 RSS
제목 작성자
JavaScript & jQuery jQuery 다수의 Ajax 요청 처리 관련 H
JavaScript & jQuery parent() 활용 - 클릭한 클래스의 상위 클래스 찾아서 hide() H
JavaScript & jQuery 스크롤바 상단 고정메뉴 H
JavaScript & jQuery jquery 해당 클래스안에서 iframe name찾기, iframe과 iframe간 제어 H
JavaScript & jQuery jquery 파일업로드 미리보기 H
JavaScript & jQuery 'jquery date picker' 시작날짜 이후로 마지막날짜 달력 보이기 H
JavaScript & jQuery 정수로 반환하면서 NaN일때 0으로 처리 H
JavaScript & jQuery jQuery Ajax 한글 깨짐 해결방법 H
JavaScript & jQuery NaN시 처리 H
JavaScript & jQuery 전화번호 입력시 자동 하이픈(-) 붙이기 H
JavaScript & jQuery 모든부라우져에서 즐겨찾기 기능 넣기 H
JavaScript & jQuery 함수가 존재하면 실행하기 H
게시물 검색