Node.JS + Express 在获取真实页面内容的同时显示加载页面答案

【问题标题】：Node.JS + Express show loading page while getting real page contentNode.JS + Express 在获取真实页面内容的同时显示加载页面
【发布时间】：2020-01-15 17:09:57
【问题描述】：

基本上，我有一个系统可以访问数据库，获取一些信息，然后访问其他一些站点，并获取一些信息。这大约需要 3 秒。我想做的是在服务器获取其余数据时显示This Page Is Loading 页面，一旦获取所有数据，我希望服务器发送目标页面。

const express = require('express');
const app = express();
app.set('view engine','ejs')
app.use(express.static('public'));
app.set('views', '/app/public/')
app.get('/', async(req, res) =>{
    //Need to send `This Page Is Loading` here.
    //Contact DB (takes 3 seconds)
    res.send("home/index")//Send the final page.
})

我正在使用 Node.JS + Express + Ejs，所以我们可能能够在 ejs 文件中提取数据库信息并显示加载屏幕。不太确定你..

我有一个想法。

const express = require('express');
const app = express();
app.set('view engine','ejs')
app.use(express.static('public'));
app.set('views', '/app/public/')
function getdbinfo(name){
    //getinfo
    return info
}
app.get('/', async(req, res) =>{
    res.send("home/index",{req,getdbinfo})//Send a page with get info function.
})

在 ejs 页面上，我们需要显示一个加载页面并在后台发出请求。

【问题讨论】：

标签： node.js express ejs

【解决方案1】：

我做了一些研究，发现最好的方法是发送一个加载页面，该页面执行实际请求并等待处理。

这是我使用的来源
How to dynamically render/load pages in express?

【讨论】：

链接没有回答这个问题。它不使用express，而是使用客户端AJAX
目的是您将发送一个专用的加载页面，在这种情况下确实会在其中编写一个 AJAX 请求脚本，该请求将请求并等待实际页面。然而，现在我宁愿使用套接字或类似的东西来解决这些问题。除此之外，当时我也不知道 IPC 的存在。