带有JSONP的jQuery.getJSON为不同的调用返回相同的数据

Question

我正在使用jQuery.getJSON（）连续三次使用相同的参数访问同一Web服务。 然后用接收到的数据绘制图表。 问题虽然很基本，但与图表完全无关。 当我在回调函数中获取数据时，它并不一定是“正确的”数据。 例如：

var URL1 = http://mysite.com/myAPI/metrics?type=pageloads&date=02022012&callback=?
var URL2 = http://mysite.com/myAPI/metrics?type=formsubmissions&date=02232012&callback=?
var URL3 = http://mysite.com/myAPI/metrics?type=uniqueusers&date=02022012&callback=?

var getDataAndDraw = function(metricURL, chartDiv) {
    $.getJSON(metricURL, function(data){
        console.log(data.metricName);

        // i do my charting here
    });
};

getDataAndDraw(URL1, 'pageloadsDiv');
getDataAndDraw(URL2, 'formsubmissionsDiv');
getDataAndDraw(URL3, 'uniqueuserDiv');

有时我会得到正确的3个图，并且控制台会显示预期的度量标准名称。 但是有时候我会混合使用一些相同的东西。 例如，我将显示两次页面加载指标，一次显示uniqueuser指标，控制台将显示两次返回页面加载数据，并且一次显示uniqueuser。

任何想法为什么会这样？

Answer 1

AJAX请求可能被缓存。 此代码应解决该问题。

$(document).ready(function() {
  $.ajaxSetup({ cache: false });
});