javascript - $.getJSON() 未加载一致的数据结果

Question

我已经尝试了以下 jQuery 代码的所有操作

$(this).ready(function(){   
    $.getJSON('json/summary.json?nocache=<?=md5(rand(1,50))?>', function(data) {

        var sold = data.sold;
        var price = data.averagePrice.toFixed(2);

    });
});

出于某种原因，当我刷新或单击页面时，售出的数字(在 jquery 页面而不是summary.json 中)会不正确地波动 - 它给出的数字会低于应有的数字。我不知道该怎么做。当我这样做时，阻止缓存页面加载的最佳方法是什么...猜测上面的方法不是最好的方法。

顺便说一句，summary.json 返回类似以下内容:

{“已售出”:34，“平均价格”:133.0323529411764}

感谢您的帮助。我尝试了很多事情但没有成功。

Answer 1

您的缓存失效机制不正确，因为它可以在多次刷新中返回相同的值。您正在使用 1 到 50 之间的随机数的 md5，因此多次尝试可以返回相同的随机值。

$(document).ready(function () {
    $.getJSON('json/summary.json?nocache=' + new Date().getTime(), function (data) {

        var sold = data.sold;
        var price = data.averagePrice.toFixed(2);

    });
});

<小时/>

另一个选项是为所有 jQuery ajax 请求全局设置缓存选项，例如

$.ajaxSetup({cache:false})

然后

$(document).ready(function () {
    $.getJSON('json/summary.json', function (data) {

        var sold = data.sold;
        var price = data.averagePrice.toFixed(2);

    });
});

<小时/>

但是，如果您不想缓存特定的资源值，则可以通过设置 no-cache 和 no-store< 等缓存 header 来从服务器端禁用缓存。/