页面重新加载时jQuery显示加载器答案

【问题标题】：jQuery show loader while page get reloading页面重新加载时jQuery显示加载器
【发布时间】：2022-01-15 02:44:15
【问题描述】：

我已经使用 jQuery 创建了功能，因此当用户单击按钮时，它将在该页面上进行清除过滤并重新加载页面。

虽然清除过滤器加载器显示在页面上，但是当重新加载页面行出现时，该加载器正在隐藏并且页面正在重新加载。

我想要的是加载器必须在页面重新加载时显示。

下面是一些代码。

var finalURLStrings = urlFinal.replace("isInboxstring=True", "isInboxstring=False");
var finalURLString = finalURLStrings.replace("isInbox=True", "isInbox=False");
$("#loading").show();
window.location.href = finalURLString; // while executing this line I still want to show loader which get hide here.

【问题讨论】：

在重新加载页面时，您无法显示任何内容。这是因为当发出页面请求时，当前 DOM 会从内存中卸载。如果您想在操作发生时保持加载指示器在屏幕上可见，您需要重新构建您的网站以使用单页架构。

标签： javascript c# jquery asp.net jquery-ui

【解决方案1】：

window.location 对象可用于获取当前页面地址 (URL) 并将浏览器重定向到新页面，并且新页面总是重新加载并加载任何未显示在新页面中的微调器。

所以使用下面的代码：

$("#loading").show();
$(document).ready(function () {
     $("#loading").hide();
});

【讨论】：