按下按钮后显示来自 javascript 变量的数据答案

【问题标题】：Display data from javascript variable after a button is pressed按下按钮后显示来自 javascript 变量的数据
【发布时间】：2021-10-19 16:03:02
【问题描述】：

使用express.js，假设您在ejs 文件中嵌入了以下javascript 变量：<%= someVariable %>

如果实际值将从页面上的表单中获取，那么您将如何在同一页面上显示此变量的值（例如在引导模式元素 https://getbootstrap.com/docs/4.0/components/modal/ 中），在页面已经加载之后所以：

<form class="form-inline my-2 my-lg-0">
   <input class="form-control mr-sm-2" id="someVariable" name="someVariable" type="text" placeholder="Enter Value" aria-label="Search">
   <button class="btn btn-outline-success my-2 my-sm-0" type="button" id="search" data-toggle="modal" data-target="#modal">Search</button>
</form>

我遇到的问题是由于变量未定义，直到在表单中输入值之前，每当我尝试加载页面时都会收到以下错误：someVariable is not defined

即使变量someVariable 未定义，是否有办法加载此页面？

【问题讨论】：

标签： javascript html node.js express ejs

【解决方案1】：

locals 对象包含您传入的所有 ejs 值。在使用 someVariable 之前，您可以使用简单的 if 语句检查它是否已定义：

<% if (locals.someVariable) { %>
  <h1><%= someVariable %></h1>
<% } %>

【讨论】：