캐시 JSON 응답

Question

일부 GeoIP 서비스를 사용하여 페이지에 국가 플래그를 배치하는 것은 국가 IP에 따라 다릅니다. 내 사이트의 모든 페이지에 대해 JSON 응답을 캐시해야합니다.

이 코드는 header.php에 배치 :

$.getJSON('http://smart-ip.net/geoip-json?callback=?', function(data) { 
    $('#flag').html("<a class='fancybox-inline int' href='#international'><img src='/images/flags/"+data.countryCode+".png'></a>"); 
    } 

이 $.ajaxSetup({ cache: true })으로 캐시 할 수 있습니까? - 작동하지 않는 것 같습니다.

HTML5 localStorage를 사용하는 것이 더 좋을지 모르지만 그 방법을 잘 모르겠습니다.

또한 JSONCache 플러그인을 사용해 보았지만 나에게 적합하지 않았습니다.

Answer 1

당신은 그와 같은 로컬 스토리지를 사용할 수 있습니다 : $를 사용하는

var smartIp = JSON.parse(localStorage.getItem('smartIp')); 

if (!smartIp) $.getJSON('http://smart-ip.net/geoip-json?callback=?', function (data) { 
    smartIp = localStorage.setItem('smartIp', JSON.stringify(data)); 
    $('#flag').html("<a class='fancybox-inline int' href='#international'><img src='/images/flags/" + data.countryCode + ".png'></a>"); 
}); 
else $('#flag').html("<a class='fancybox-inline int' href='#international'><img src='/images/flags/" + smartIp.countryCode + ".png'></a>"); 

Answer 2

$.getJSON()는 추가 매개 변수와 같은 cache:true, 또는 당신이 필요로 할 수있는 다른 $ 아약스 매개 변수를 추가 할 수 있습니다이 양식에서

$.ajax({ 
    dataType: "json", 
    url: 'http://smart-ip.net/geoip-json/ip_address', 
    data: data, 
    success: function(data){ // do something here } 
}); 

에 해당합니다.