当我单击一个链接时，它必须显示"some loading animation"直到加载另一个页面，该怎么做？

Question

我在Web编程方面的知识有限。我有一个HTML页面和一个链接。当我点击链接时，python脚本将在后端运行，当脚本完成运行时，我将转到另一个页面。我想在单击链接时显示加载动画 gif 图像。怎么做？

Answer 1

$.ajax({
            url: $_navigateURL,
            beforeSend: function (xhr) {
                PageLoadingProgressStart();
            }
        }).done(function (data) {
            $("#dvContentHolder").html(data);            
        }).fail(function (xhr) {
        })
        .always(function () {
            PageLoadingProgressEnd();
        });

PageLoadProgressStart（） 和 PageLoadProgressEnd（） 将处理加载动画或进度条或其他内容。

function PageLoadingProgressStart() {
    $("#dvPageProgress div").width("0%");
    $("#dvPageProgress").show().find("div").width("40%");
}
function PageLoadingProgressEnd() {
    $("#dvPageProgress div").width("100%");
    setTimeout("$('#dvPageProgress').hide();", 500);
}