如何在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">'
  )

});

鏈接到Codepen： http ://codepen.io/Jake_Ratliff/pen/KzjaQz

Answer 1

為什么您認為應該首先將其移動？

如果您的JavaScript僅在修改DOM（HTML頁面），那么將其放在服務器端是沒有意義的。 如果它正在執行復雜的計算或從數據庫中檢索某些內容，那將是有意義的，但是附加平面HTML應該保留在客戶端。