javascript 变量到 ejs

Question

我试图从文本字段获取一个值并将其传递给ejs，以便它可以渲染变量并动态显示它。我正在使用jquery 步骤，第一步我输入我的名字。我想在第二步中显示该名称。这是 JavaScript 代码:

var form = $("#form").show();
$("#form").steps({
    headerTag: "h3",
    bodyTag: "section",
    transitionEffect: "slideLeft",

onStepChanged: function (event, currentIndex, priorIndex){
if (priorIndex ==  1)
   {
     fname = $('#fname').val();
   } 
});

我希望此 fname 显示在下一步或任何 View 中。因此，任何将变量从 javascript 逻辑传递到 ejs 的帮助都非常有值(value)。

Answer 1

我不确定我是否理解这个问题，但 EJS 是一种模板语言，通常在 JavaScript 运行之前进行处理。例如，常用于服务端渲染；服务器接收请求，处理EJS模板，并返回HTML。 EJS 通常比 JavaScript 早几个步骤，并且两者不会相互交互。因此，无法将 JavaScript 变量的值传递给 EJS 变量。

但是，您可以在下一步中使用 JavaScript 更新该值。因此，您可以简单地在 DOM 中查找元素，并在 onStepChanged 函数中更新其文本值。您可以使用 jQuery 执行此操作，如下所示:

$("#nameContainer").text($('#fname').val());