如何在没有任何数据库的情况下将数据从一个页面传输到HTML的另一页

Question

我想在不使用任何数据库的情况下将数据从一个页面传输到HTML的下一页。我想在下一页上显示数据，这些数据如用户详细信息/用户配置文件信息。

Answer 1

在JavaScript中有多种方法可以通过多种方式进行操作。这两个主要技术如下。

• 单页应用程序。这是一个应用程序，导航实际上并未完成整页加载，但是新的"页面"是通过Ajax推入或由JavaScript生成的。有很多用于建造它们的框架，但反应和预先反应是我的最爱。

• 将变量存储在localStorage或sessionStorage中，并使用JavaScript更新HTML中的适当位置。

Answer 2

您可以通过添加到URL的参数将数据传递到另一页。因此，假设您在一个页面上收集"名称"one_answers"年龄"，第二页的URL为" http://example.com/second.html"，那么当您编码参数时，url将变为http：http：http：http：http：http：http：http：http：http：http：//example.com/second.html?name = brian＆amp; age = 21"。

在首页上创建表单并定位表单中的第二页，表单的操作必须为"获取"，这是默认值，因此您无需指定。所以类似：

   <form action="second.html">
       <p>Name: <input type="text" size="20" name="name"></p>
       <p>Age: <input type="text" size="3" name="age"></p>
   </form>

在第二页上，您可以通过JavaScript访问这些参数。

有一个非常简单的页面在此处演示此想法：http：//www.cryer.co.uk/resources/javascript/script8.htm

页面用于访问每个参数值的JavaScript是：

<script type="text/javascript">
function GetParam(name)
{
  var start=location.search.indexOf("?"+name+"=");
  if (start<0) start=location.search.indexOf("&"+name+"=");
  if (start<0) return '';
  start += name.length+2;
  var end=location.search.indexOf("&",start)-1;
  if (end<0) end=location.search.length;
  var result='';
  for(var i=start;i<=end;i++) {
    var c=location.search.charAt(i);
    result=result+(c=='+'?' ':c);
  }
  return unescape(result);
}
</script>          

用您想要的参数名称调用该功能。

Answer 3

可以使用 ejs 库轻松完成。您必须安装 npm，node.js 和 express 才能使用此库。

这是下载过程的链接。https://phoenixnap.com/kb/install-node-js-npm-on-windows

下载后，您必须在命令提示符上键入 npm install ejs，在同一层次结构下制作名称views的目录，内部视图目录创建一个index.ejs文件，您可以用作html。

。

然后，您可以轻松地通过EJS摘要传递数据，您可以阅读这些文档以获取有关EJS的更多知识。https://ejs.co/#docs

在简单的单词中，您必须从JS文件发送数据，并且可以使用<%= %>标签在EJS文件中遇到这些数据。

的示例>发送来自JS文件的数据： -

app.get("/",function(req,res){
res.render("/", {passed_variable:existing_variable});
})

的示例>接收 EJS文件中的这些数据： -

<h1> <%=passed_variable%> </h1>