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

时间:2018-08-25 14:53:51

标签: html node.js request bootstrap-modal

所以我有这个问题,我试图建立一个网站,人们可以在其中给出链接,然后我将使用request-promise.js(在服务器端)进行分析。此分析将尝试在给定的链接中找到嵌入的视频。如果有的话,我想让这个精采的视频出现在当前页面的iframe中。

因此,到目前为止,我已经设法嵌入了视频,并将其呈现在EJS模板变量中,但这意味着我必须使用res.render('page',variables),并且根据我的理解,这意味着需要重新加载页。

我想知道的是,是否有一种方法可以不重新加载页面?

(我的目标是使找到的视频显示在引导模式的div中,该模式出现在人们给出链接并单击我的上传按钮后,该片段触发了对给定链接的抓取)

感谢您的帮助

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

1 个答案:

答案 0 :(得分:0)

您可以使用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);