在 Sails express node js 中如何在请求的页面加载时显示广告

Question

一旦服务器收到客户端的请求，一些数据处理需要几秒钟...

我们如何在客户端等待负载时显示广告？

同样的问题有和没有AJAX

除非必要，否则我们不得在 Sails 之上使用库或框架

Answer 1

你可以做一个简单的加载图形，然后用你想要的任何图像替换它：

HTML

<div class="loader"></div>

CSS

.loader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url('images/page-loader.gif') 50% 50% no-repeat rgb(249,249,249);
}

一个简单的jQuery函数：

$(window).load(function() {
    $(".loader").fadeOut("slow");
})

Demo

来源：Display Loading Image While Page Loads

如果您需要在没有 jQuery 的情况下进行操作，它会稍微复杂一些，但是您可以在这个线程中获得更多信息：

$(document).ready equivalent without jQuery

在 Sails express node js 中如何在请求的页面加载时显示广告

In Sails express node js how to display an ad while the requested page loads

node.js

express

sails.js

ads

latency