node.jsとejsでreferhなしでフォームを送信するにはどうすればよいですか？

Question

<form action="" method="post"> 
         <div class="bottom_wrapper clearfix"> 
         <div class="message_input_wrapper" id="eventForm"> 

         <input class="message_input" name="msg" placeholder="Type your message here..." /> 
          </div> 

         <input type="submit" name="submit"> 
           <div> 


</form> 


<script> 
      $('#eventForm').submit(function (e) { 
      e.preventDefault(); 
      var fd = new FormData($(this)[0]); 
      $.ajax({ 
       url: '/messages/'<%= id %>, 
       data: fd, 
       processData: false, 
       contentType: false, 
       type: 'POST', 
       success: function(data){ 
        console.log(data); 
       } 
      }); 
    }); 


     </script> 

私はデータをポストしながら、その私が空白与える

BASE.APP.post('/messages/:id', function(req,res) 
    { 
     var body = req.body; 
     console.log('postdata',body); 


    }); 

フロントエンドにし、Node.jsのコントローラで使用しています上記のコード。 実際には、私は を使わずにmsgを送信したいチャットmsgウィンドウを参照しています。

Answer 1

フォームはID eventFormを持っていない、それが提出イベントを持っていないDIV、のポストタグから

Answer 2

をaction=""とmethod="post"を削除します。

IDをDIVではなくフォームに追加します。
また、誤字があります。閉じた</div>タグのうちの1つは、実際には何も閉じずに開きます。

<form action="" method="post" id="eventForm"> 
    <div class="bottom_wrapper clearfix"> 
     <div class="message_input_wrapper"> 
      <input class="message_input" name="msg" placeholder="Type your message here..." /> 
     </div> 
     <input type="submit" name="submit"> 
    </div> 
</form> 

<script type="text/javascript"> 
     $('#eventForm').submit(function (e) { 
      e.preventDefault(); 
      var fd = new FormData(this); 

      $.ajax({ 
       url: '/messages/'<%= id %>, 
       data: fd, 
       processData: false, 
       contentType: false, 
       type: 'POST', 
       success: function(data){ 
        console.log(data); 
       } 
      }); 
    }); 
</script >