AJAX를 동기화, 비동기화 지정하는 방법(동기<순서대로>로 작업하는 예제)

[    AJAX를 동기화, 비동기화 설정해서 처리하기    ]

: JAVASCRIPT AJAX를 사용할 때, 일반적인 경우 비동기로 통신을 하게 된다. 즉, 순서대로 처리되는 것이 아니라

 처리 순서를 보장할 수가 없다. 따라서 꼭 순서를 지켜서 처리해야하는 경우는 동기화 방식으로 처리하도록 설정해주어야 한다.

 그럼 어떻게 해야할까?

 우선, ajax 내에서 async : false, 로 지정할 경우 동기화 방식으로 보내고 true로 하거나 생략할 경우 비동기방식으로 통신이 이루어지  게 된다. 

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; } } }); };