javascript - 如何在 Node/Express 中将 JS 从客户端移动到服务器？

Question

我有一个 .handlebars 文件，其中包含 HTML 和 JS(如下)。这是一个简单的表单，用户可以通过单击“新表单字段”按钮来展开。该按钮只是添加一个新的文本字段。用户可以在提交表单之前创建任意数量的表单字段。

我想知道将 Javascript 从 HTML 中取出并仅保留在服务器端的最佳方法是什么。我是否会将其放在 app.js 文件中的路由处理程序下，或者将其放在导出到 app.js 文件的模块中？或者还有什么我应该谷歌搜索的吗？提前致谢。

HTML:

<form method="POST" action="newForm">    
   <div id="container">
      <p>Form field 1.)</p>
          <span><p><input type="text" name="question1"><br></p>    
   </div>    
   <button type="button" id="newF">+ New Form Field</button><br><br>    
   <button type="submit">Submit</button>    
</form>

Javascript:

var newFbtn = $("#newF");
var fieldCount = 1;

newFbtn.click(function() {
  fieldCount++;  
  $("#container").append(

      '<p>Form field ' + fieldCount + '.)</p>' +
      '<span><p><input type="text">'
  )

});

代码笔链接:http://codepen.io/Jake_Ratliff/pen/KzjaQz

Answer 1

您为什么认为首先应该移动它？

如果您的 JavaScript 仅修改 DOM(HTML 页面)，那么将其放在服务器端就没有意义。如果它正在执行复杂的计算或从数据库中检索某些内容，那么这是有意义的，但附加平面 HTML 应该保留在客户端。