更改 EJS 变量而不刷新页面 Nodejs

Question

所以我遇到了这个问题，我正在尝试建立一个网站，人们可以在其中提供链接，然后我将使用 request-promise.js（在服务器端）进行分析。此分析将尝试在给定链接中查找嵌入视频。如果存在，我想让该嵌入视频出现在我当前页面的 iframe 中。

所以现在我设法嵌入视频，并将其渲染到 EJS 模板变量中，但这意味着我必须使用 res.render('page', variables) 并且据我了解这意味着重新加载页。

我想知道是否有办法在不重新加载页面的情况下做到这一点？

（我的目标是让找到的视频出现在引导模式 div 中，该 div 出现在人们提供链接并点击我的上传按钮后，该按钮会触发给定链接的报废）

感谢您的帮助

如果我的问题不清楚，请原谅我

Answer 1

您可以使用XMLHttpRequest 从服务器异步获取数据并将它们显示/存储在页面上，而无需重新加载整个页面。

var url = '/get-embed-video/'+link;
var xmlHttp = new XMLHttpRequest();

xmlHttp.onreadystatechange = function () {
    if (xmlHttp.readyState === 4) {
        // here get the response from the server
        // and display your data
    }
}
xmlHttp.open("GET", url, true); // false for synchronous request
xmlHttp.send(null);