ajax success 콜백과 파이어폭스 문제

Question

간단히 상황 설명을 해드리자면, 1. 화면단 자바 스크립트 ajax 통신으로 3~4개의 API를 요청해서 JSON 형태의 정보를 받아옵니다.2. 각 API별로 response 해주기까지의 시간이 다릅니다. 길게는 7~10초까지도 걸리죠.3. 이 때문에 API를 각각의 ajax로 비동기적으로 데이터를 받아오고 success 에서 결과를 가지고 화면에 뿌려주도록 만들었습니다.4.IE, chrome, safari 등의 브라우저에서는 문제가 없었지만, FF에서 문제가 발생합니다. 코드로 보자면 대략var A &#61; $.ajax({ 블라블라 success: function(result){ result를 이용해 이뤄지는 동작들... } }); var B... A(); B(); C(); 문제점은 아래와 같습니다. 위와 같은 구조임에도 불구하고 각각의 ajax 호출은 순차적으로 이뤄지기 때문인지 첫번째로 요청한 ajax의 success에서 리턴해줘야 하는 변수가 undefined 라고 나오면서자바스크립트 에러로 먹통이 되어버립니다.네트워크 상에서는 모든 request와 response가 이뤄졌지만 결과적으로는 에러 때문에 success의 콜백부분에서 이뤄져야하는 동작들이 먹통이 되어버리죠. 현재는 응답 시간이 가장 빠른 API부터 ajax통신이 마무리 되는 시점에 콜백으로 순차적으로 통신을 시작하도록 변경해둔 상태입니다. function doA(){ return $.ajax({ 블라블라... }); fucntion doB(){}.... A.done(function(result){ result로 이뤄지는 동작들 B.done(function(result2){ result2로 이뤄지는 동작들 C.done.(function(){ ..... }); }); }); 제 의문점은 이겁니다. 확실한 원인은 파악할 수 없지만 응답 지연에 원인이 있는 것으로 보이는데, 왜 파이어폭스에서만 문제가 발생하는가? 이 현상의 원인을 아시는 분, 혹은 비동기적으로 처리해도 에러가 나지 않는 방법을 아시는 분이 있을까요? 아참 API 요청하는 url이 크로스 브라우징은 아닙니다. 같은 서버 같은 도메인 내에 있어요.

힘을내요슈퍼파월 · Answer

파이어폭스에서만 왜 안되는지는 잘 모르겠지만 $.Deffered() 함수를 사용하면 어떨까요?

JulianChoi · Answer

->> 불여우의 버그로 예상되어지는 글귀들이 몇군데 보이더군요. http://forums.mozilla.or.kr/viewtopic.php?p&#61;21624

코딩악동 · Answer

힘을내요슈퍼파월// 답변 감사합니다. 헌데, deffered는 어차피 제가 promise 패턴으로 돌린거나 사실 큰 차이가 없어서... JulianChoi// 답변 감사합니다. 구글링 했을때에도 본 글이긴 한데.. 저 글에선 비동기는 잘 되는데 동기방식일 때 그렇다고 해서 넘어갔었거든요.. 역시 파폭만의 버그일까요 -_-;응답지연 때문에 비동기 방식을 사용할 수 없다는게 말인지 방귀인지... 에휴..

m00n969 · Answer

순차적 작업이 필요한 경우엔 async: false 를 주기도 합니다만,,뭐 이러면... 비동기는 아니게 되니... ㅎㅎ

ajax success 콜백과 파이어폭스 문제

4개의 답변

#success 목록