javascript - 每个 session 仅 jQuery getJSON 一次

Question

我使用如下代码获取当前的 Facebook 点赞数:

$(document).ready(function() {
    $.getJSON('https://graph.facebook.com/<username>?callback=?', function(data) {
        var fb_count = data['likes'].toString();
        $('#fb_count').html(fb_count);
    });
});

但是，当用户浏览页面时，请求会再次发送。有没有办法每个 session 仅获取一次数据，并将获取的值保留在 HTML 元素中，而无需新请求，直到用户关闭浏览器？

感谢您的帮助!

Answer 1

是的，您可以使用HTML5 localstorage来做到这一点，

下面的代码可能对您有帮助，

$(document).ready(function() {
    if(typeof(Storage)!=="undefined" && localStorage.fb_count)
    {
        $('#fb_count').html(localStorage.fb_count);
    }
    else{
        $.getJSON('https://graph.facebook.com/<username>?callback=?', function(data) {
           var fb_count = data['likes'].toString();
           $('#fb_count').html(fb_count);
           if(typeof(Storage)!=="undefined")
              localStorage.fb_count=fb_count;
        });
    }
});

阅读http://www.w3schools.com/html/html5_webstorage.asp

和http://www.w3.org/TR/webstorage/