얼마전 회사에서 WEB-APP으로 만든 프로그램이 IOS6에서 문제가 발생한다고 연락이 왔습니다.


그래서 테스트를 해보았더니..


동일한 AJAX를 두번 날리면, 먼저 날린 거래를 cache리하는 문제가 발생하는 것입니다.


....귀찮은 문제네요.ㄱ-;


하지만 어쩔수 없이 해결하기 위해 여러가지 테스트를 해보았습니다.


그중에 가장 확실한 방법은 header값을 담아서 날리면 되는것 같더군요.^^


다행히 AJAX util을 추상화 해놓아서.


공통 js파일 하나만 수정해서 해결이 되었습니다.



jQuery를 사용하신다면 아래 Header부분을 추가해주시면 정상적으로 거래가 이루어집니다.


물론 cache옵션은 false로 주는게 좋겠죠?.^^


jQuery.ajax( { type : "POST",

url : "url....",

data : {/*요청값*/},

cache : false,

async : false,

headers: { "cache-control": "no-cache","pragma": "no-cache" },

error : function(xhr, textStatus, errorThrown) {

// 에러시 처리

                                        },

success : function(msg) {


// 처리 로직..


 }

); 



아마 Safari ( 사파리 )에서도 동일한 증상이 있을것으로 예상됩니다.^^ 

사파리 브라우저로 AJAX를 사용시 커다란 문제가 발생하였습니다.

보통은 10초 이상의 AJAX거래가 잘 없기 때문에 지금까지 잘 발견되지는 않은듯 하지만.

10초 이상의 AJAX 거래시 (sync)로 쏘면 90%의 확률로 async로 쏘면 20%의 확율로 오작동합니다.

여기서 오작동이라함은.

응답코드 : 정상, 상태코드: 정상

의 형태로 응답이 오는데. 실제 응답 데이터는 비어 있는 상태입니다.

그리고 서버에서는 아직 응답을 주지 않은 상태입니다.


원하신다면 제가 재현을 해드릴수도 있습니다.^^;



그래서 결국 safari의 경우에만 form-submit방식을 활용해서 AJAX를 재구현 했습니다.

물론 버그투성이이긴 하지만.. 일단 사용가능 하게 하고 차후에 업데이트(FIX) 할 생각입니다.^^; 


처리한 코드를 원하신다면....간단히 정리하여 올릴 의향이 있습니다만..

요즘 통 블로그를 찾는 분이 없으셔서..ㅋㅋ

 원하는 분이 있지 않을것 같네요.ㅎㅎ


=================================================================================

혹시 정상 적인 AJAX 방법으로 해결하신분 있으시다면...트랙백 좀 부탁드리겠습니다...굽신굽신. 

+ Recent posts