컴퓨터 이야기
IOS6 사파리 AJAX CACHE문제 (jquery)
길OI
2012. 11. 23. 18:05
얼마전 회사에서 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 ( 사파리 )에서도 동일한 증상이 있을것으로 예상됩니다.^^