[js] ajax 호출 후 순서 섞이는것 해결하기 (동기식 처리)

ajax로 받아온 data들을 .done 구문안에서 table에 append 하는 걸 구현하려고 하는데, 뒤죽박죽 섞여서 만들어지는 문제가있어 async:false 옵션을 추가하였다.

$.ajax({

        url: SERVER_PATH,

        type: 'GET',

        headers: {

            Accept: "application/json; charset=utf-8",

            "Content-Type": "application/json; charset=utf-8",

            Authorization: 'Bearer ' + sessionStorage.getItem("adminToken"),

        },

        data: data,

        dataType: 'json',

        success: function (result) {
			// ... 생략
            
        },

        error: function (xhr, ajaxOptions, thrownError) {

            // ... 생략 

        },

        timeout: 5000



    }).done(function(){
    
    		//... 생략
    });

 

async: false를 추가해줌 

 

수정 후

$.ajax({

        url: SERVER_PATH,

        type: 'GET',

        async: false,
        ...