jQuery / .ajax() / 동기식으로 사용하는 방법
Ajax는 Asynchronous JavaScript and XML의 약자입니다. 이름에서도 알 수 있듯이 비동기식으로 데이터를 가져옵니다.
jQuery의 .ajax()도 마찬가지입니다. 데이터 요청을 해놓고 요청에 응답하는 순서대로 처리합니다. 비동기식이 여러모로 효율적이지만, 간혹 동기식 처리가 필요한 경우가 있습니다.
- 데이터 처리를 요청한 순서대로 해야 하는 경우
- .ajax()로 가져온 데이터를 전역 변수로 넘겨야 하는 경우
.ajax()를 동기식으로 처리하려면
async: false
를 추가하면 됩니다.
$.ajax ( { url: xxx, dataType: xxx, async: false, success: function( xxx ) { ...... } } );