jquery - 在执行绘图数据的 jquery ajax 请求时显示等待图像

Question

在我的 js 文件中，flot插件在div图表中绘制折线图:

$.plot($("#chart"), [ oneday ]);

[oneday]被另一个js文件调用。

var oneday = [[8, 5],[12, 9],[16, 1]];
var oneweek = [[1, 5],[2, 9],[3, 1],[4, 5],[5, 9],[6, 1],[7, 11]];
var onemonth = [[1, 5], [3, 8], [5, 18], [7, 10], [9, 4], [11, 2], [13, 15], [15, 9],[30, 1]];

如何使用ajax传递oneday的值？我想在绘制图表时使用等待图像，在 ajax 调用开始时启动，并在完成时删除图像。

谢谢!

Answer 1

看看http://people.iola.dk/olau/flot/examples/ajax.html 。你可以使用类似的东西

function refreshPlot(dataurl) {
    drawLoadingImageOnPlaceholder(placeholderDiv);

    function onDataReceived(data) {
        removeLoadingImageFromPlaceholder(placeholderDiv);
        $.plot(placeholderDiv, data, plotOptions);
    }

    $.ajax({
        url: dataurl,
        method: 'GET',
        dataType: 'json',
        success: onDataReceived
    });
}

其中 dataurl 是要加载的 json 化数据的 URL。 drawLoadingImage() 和 removeLoadingImage() 将显示和隐藏在绘图顶部带有占位符图像的叠加“div”。