for문 내에 ajax를 사용하면 순서 바뀌는 문제 해결

자바 스크립트를 통해서 for 문 내에 ajax를 사용해야 할때 주의해야 하는 부분이있습니다.

 

비동기방식의 요청이기 때문에,

먼저 응답온 내용부터 처리하게 되죠

그러면 값이 잘 안들어갑니다.

기존에 아래와 같은 코드를 사용하셨다면

for (i = 1; i < 10; i++) {
                var url = "https//www.naver.com";
                $.ajax({
                    url: url,
                    success: function (result) {
                        console.log(result);
                    }
                })
            }

 

async : false를 사용하셔서

동기 방식으로 요청을 해주시면 됩니다.

 

for (i = 1; i < 10; i++) {
                var url = "https//www.naver.com";
                $.ajax({
                    url: url,
                    async : false,
                    success: function (result) {
                        console.log(result);
                    }
                })
            }