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


+ Recent posts