javascript - 使用 JavaScript/jQuery 显示在页面之间持续存在的 "Loading..."弹出窗口

Question

我正在开发的一个网站有一个搜索功能，一旦在第一页上提交表单，就会触发“正在搜索...”弹出窗口，并且此弹出窗口将一直保留在屏幕上，直到第二页已完成加载。此弹出窗口本身并不是 JavaScript 窗口，它只是一个设置了高 z-index 值的图层。

搜索请求是使用基本表单提交处理的，没有任何 AJAX 调用或 iframe，那么如何在页面加载之间仍然显示并保留弹出窗口呢？预期的行为是浏览器从内存中卸载/删除第一页并仅显示空白页，直到第二页的代码开始下载并准备好显示。此外，当网站在 Edge 中显示时，此行为不再有效，因此我需要了解弹出功能如何工作才能解决该浏览器中的问题。

预先感谢您的任何建议或帮助。不幸的是，我正在开发的网站正在更新，因此现阶段我无法链接到该网站。

Answer 1

恕我直言，它会很容易使用ajax带回调

$.ajax({
    //params like type, data, url etc..
    //...
    url: url,
    type: "POST",
    data: data,
    dataType: 'html', //if you will receive HTML from server 
    beforeSend: function() {
      //clear page and show popup
      $("#main").html(""); //for example if your main block has id="main"
    },
    success: function(data) {
      //draw new page
      $("#main").html(data);
    }
});