Question

我有一个包含HTML和JS的.handlebars文件（如下所示）。这是一个简单的表单，用户可以通过单击“新建表单字段”按钮进行扩展。该按钮只是添加一个新的文本字段。在提交表单之前，用户可以根据需要创建任意数量的表单字段。

我想知道从HTML中获取Javascript并将其保留在服务器端的最佳方法是什么。我会将它放在我的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">'
  )

});

指向codepen的链接：http://codepen.io/Jake_Ratliff/pen/KzjaQz

Answer 1

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

如果您的JavaScript只是修改DOM（HTML页面），那么将它放在服务器端是没有意义的。如果它正在进行复杂的计算或从数据库中检索某些东西，那么这将是有意义的，但附加平坦的HTML应该保持在客户端。

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

1 个答案: