[ AJAX를 동기화, 비동기화 설정해서 처리하기 ]
: JAVASCRIPT AJAX를 사용할 때, 일반적인 경우 비동기로 통신을 하게 된다. 즉, 순서대로 처리되는 것이 아니라
처리 순서를 보장할 수가 없다. 따라서 꼭 순서를 지켜서 처리해야하는 경우는 동기화 방식으로 처리하도록 설정해주어야 한다.
그럼 어떻게 해야할까?
우선, ajax 내에서 async : false, 로 지정할 경우 동기화 방식으로 보내고 true로 하거나 생략할 경우 비동기방식으로 통신이 이루어지 게 된다.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | var address = null ; function getAddr(){ $.ajax({ type: 'post' , headers:{ "Content-Type" : "application/json" }, async : false , // ajax를 동기화(순서대로) 처리해야하는 경우 true로하거나 기술하지 않으면 비동기로 작동한다. url: "/board/category/getAddr?userId=${boardDTO.userId}" , dataType: "text" , success : function(result){ if ( result != null ){ console.log( "넘어온 값 : " + result); address = result; } } }); }; |
'개발 > 스프링' 카테고리의 다른 글
스프링에서 구글맵 연동하기 (2) | 2017.05.31 |
---|---|
AJAX 통신시 컨트롤러에서 한글 문자열을 리턴해야하는 경우 인코딩 문제 처리 (0) | 2017.05.31 |
handlebars js 라이브러리를 이용한 View 표현하기 (1) | 2017.05.31 |
sitemesh 추가하기 (0) | 2017.05.11 |
게시글 페이징 처리하기(페이지 처리 쪽 처리) (11) | 2017.05.07 |